title: Jquery on event is not binding for non existing elements
body: <p>Ok here the jsfiddle example</p>
  
  <p><a href="http://jsfiddle.net/HTjCT/1/">http://jsfiddle.net/HTjCT/1/</a></p>
  
  <p>As you can see you when you hover it is not firing mouseover event</p>
  
  <p>how can i solve this problem ?</p>
  
  <p>i am using Jquery 1.9</p>
  
  <pre><code>&lt;div id='superdiv'&gt;Click Me&lt;/div&gt;
  
  
  $(function () {
      $('#superdiv').on('click', function (event) {
          $('body').append('&lt;div id="super"&gt;another');
      });
      $('#super').on('mouseover', function (event) {
          alert('not working');
      });
  });
  </code></pre>
  
  <p>javascript</p>