title: jquery ui droppable on parent child issue
body: <p>I am using jquery ui droppable widget. I have the following structure :</p>
  
  <p><a href="http://jsbin.com/erevig/2/edit" rel="noreferrer"><strong>Example Fiddle</strong></a></p>
  
  <pre><code> &lt;div class="parent"&gt;
      parent
     &lt;div class="child"&gt;
       child
     &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Both parent and child elements are droppable and both are accepting the same item. My issue is when i am dropping the element on child than also parent drop event is executing ( <em>please check the fiddle</em> ). How can i stop this behaviour ?</p>