title: Stop drop event in Jquery drag&drop
body: <p>I have this problem using Jquery drag&amp;drop. I have two div element stacked one over the other. The bottom div is droppable and bigger. If I dropp an item on the upper div the bottom div handles the dropp. </p>
  
  <p>How to make div handle the drop only if the element is directly dropped on it.</p>
  
  <p>I've tried using <code>stopPropagation()</code> on the upper div but that did not work. </p>
  
  <p>Somekind of simple example: <a href="http://jsfiddle.net/e87wS/13/" rel="nofollow">http://jsfiddle.net/e87wS/13/</a></p>