title: jQuery force/trick .scroll() to bubble
body: <p>Is it possible to force or trick the <code>.scroll()</code> event to bubble so I can catch the user scrolling a <code>&lt;div&gt;</code> with <code>overflow: auto;</code> in ajax loaded content? I am loading some HTML via <code>$.ajax</code> and need some way to detect as they are scrolling. According to the W3C scroll should not bubble which is why I assume jQuery doesn't do it. However I am able to catch the <code>$(window).on('scroll', function() { console.log('scrolling'); });</code></p>
  
  <pre><code>$(window).load(function() {
      $.ajax({
          url: "/data.html",
          dataType: "html",
          success: function(data) {
              $("#container").html(data);
          }        
      });
  });
  
  $(document).ready(function() {
      $('#container').on('scroll', '#content', function () {
          console.log('scrolling');
      });
  });
  </code></pre>
  
  <p>The <code>$('#container')</code> is the container where the loaded <code>$.ajax</code> data is set and the <code>$('#content')</code> is from the loaded HTML from the <code>$.ajax</code> request</p>