title: Jquery drag and drop - click event registers on drop
body: <p>I'm using jquery drag and drop.  The draggable element is a div with two nested divs floated left and right. On drop, the left nested div (which contains the text), gets enabled for a click event:</p>
  
  <pre><code>$('.element_left').click(function(e) {  
          window.open(ui.draggable.attr('data-link'));
  });
  </code></pre>
  
  <p>Now on drop, sporadically, the click event fires off opening the link in the data-link for the draggable.  It looks like it fires off when the draggable number doesn't match the slot number, but not 100% on this.</p>
  
  <p>See fiddle at <a href="http://jsfiddle.net/f2bbt/" rel="nofollow">http://jsfiddle.net/f2bbt/</a></p>
  
  <p>Weird...  You may need to try a few times to get this happening, drag the element to the edge of the slot so that the slot highlights.  The draggable immediately below the 'Extract RNA' seems to do this more than others...and when it happens the wrong page is loaded...should be element_8.html, but instead it opens a new page for element_1.html (which belongs to Isolate Virus element).</p>