为什么我的jquery .on(‘change’)不适用于动态添加的选择

我正在动态添加选择元素,如下面的HTML.我不确定为什么.on(‘更改’…)不能用于动态选择.我错过了什么？

我正在使用Chrome 24.0.1312.57 jquery 1.8.3.

<script type="text/javascript">
  $(document).ready(function() {
      $('#x select').on('change',function () { alert('helo'); })
      $('#y select').on('change',function () { alert('helo'); })

      $('#x').html($('#y').html());
  });
</script>

<div id="x"></div>
<div id="y">
    <select>
        <option>O1</option>
        <option>O2</option>
    </select>
</div>

$('#x select').on('change',function () { alert('helo'); })

$("#y").on('change','select',function () { alert('helo'); });