title: jquery.on scroll doesn't work
body: <p>I am trying to build a DOM event recorder so I can play back how a user interacted with a page.  I would like to use the jquery.on functionality so I can record all events on page.  In this particular instance I am trying to record scroll events but eventually I want to record all sorts of events.  </p>
  
  <p>Here is a link to my JS Fiddle.  I expect the text "Hello" to change to "Bye" after a user scrolls the div.</p>
  
  <p><a href="http://jsfiddle.net/MnpPM/" rel="noreferrer">http://jsfiddle.net/MnpPM/</a></p>
  
  <p>Herel is the html</p>
  
  <pre><code>&lt;div id="parent" style="height: 300px; width: 300px; overflow: scroll"&gt;
      &lt;div style="height: 500px; width: 500px"&gt;
          Hello
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and here the javascript</p>
  
  <pre><code>$(document).on('scroll', '*', function () { $(this).html('Bye') });
  </code></pre>