title: jQuery dragenter event is fired on every child
body: <p>I have bound <code>dragenter</code> event on an object that contains some children.</p>
  
  <pre><code>$(document).on('dragenter', '#container', function(e) {
    console.log('dragenter');
  });
  </code></pre>
  
  <p>When I move with dragged file around them, this event is firing repeatedly. What I have expected is firing <code>dragenter</code> only when entering <code>#container</code> element, not every child too.</p>
  
  <p>Is it proper behavior? How can I prevent it?</p>