title: JQuery nested drag and drop event propagation
body: <p>I've got two nested divs both droppable. Based upon the content of the inner div it's determined through the accept property whether an element is allowed to drop. By doing so I prevent duplicates in the inner droppable. </p>
  
  <p>The problem is that if the accept property is set to false within the inner div the event is bubbled to the parent. The parent accepts the drop and that is exactly what I don't want. One complicating factor is that the accept function's arguments consist only of the dropped nodes, I have no reference to the actual event object so I can't stop propagation :( </p>
  
  <p>So the big question is: can I prevent event propagation to the parent droppable if the child accept property evaluates to false? </p>
  
  <p>The code:</p>
  
  <pre><code>$(node).droppable({
      tolerance: "intersect",
      accept: function(nodes) {
                      //if acceptPM evaluates to false the event is bubbled which I don't want
          return acceptPM(nodes);
      },
      greedy: true,
      activeClass: "ui-state-default",
      hoverClass: "ui-state-hover",
      drop: function(event, ui) {
          //do something          
      }
  });
  </code></pre>