title: Drop event not firing in chrome
body: <p>It seems the drop event is not triggering when I would expect.</p>
  
  <p>I assume that the drop event fires when an element that is being dragged is releases above the target element, but this doesn't seem to the the case.</p>
  
  <p>What am I misunderstanding?</p>
  
  <p><a href="http://jsfiddle.net/LntTL/" rel="noreferrer">http://jsfiddle.net/LntTL/</a></p>
  
  <pre><code>$('.drop').on('drop dragdrop',function(){
      alert('dropped');
  });
  $('.drop').on('dragenter',function(){
      $(this).html('drop now').css('background','blue');
  })
  $('.drop').on('dragleave',function(){
      $(this).html('drop here').css('background','red');
  })
  </code></pre>