title: Why is my jquery .on('change') not working for dynamically added selects
body: <p>I'm adding select elements dynamically, like in the below HTML.  I'm not sure why the .on('change' ...) is not working for the dynamic select.  What am I missing?</p>
  
  <p>I'm using Chrome 24.0.1312.57 + jquery 1.8.3.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function() {
        $('#x select').on('change', function () { alert('helo'); })
        $('#y select').on('change', function () { alert('helo'); })
  
        $('#x').html($('#y').html());
    });
  &lt;/script&gt;
  
  &lt;div id="x"&gt;&lt;/div&gt;
  &lt;div id="y"&gt;
      &lt;select&gt;
          &lt;option&gt;O1&lt;/option&gt;
          &lt;option&gt;O2&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>