Possible Recursion issue, event conflict: Can't set .droppable() and .draggable() to the same selector, 
<p>so I have found that when I add both <code>.draggable()</code> and <code>.droppable()</code> to an element. (in this case, an image) that it won't work.  The <code>.droppable().over:</code> code never fires. </p>

<p>it is probably due to some recursion I use to move my images, but I can't figure out why its breaking.</p>

<p>I have found out whats broken, and split out the problem domain into a .jsFiddle</p>

<p>I'm thinking I have some kind of event conflict going on with setting the .droppable() code.  It can be 'fixed' by commenting out the 'over' event in the top <code>.droppable()</code></p>

<p><strong>well I <em>need</em> that 'over' event to do some work</strong>, hence, my problem.</p>

<p>in the code in the fiddle, you see 2 pawns on some chess squares.  hovering one pawn over another should make an alert pop up, but only works when you comment out the "over" event in the  top (spot)  droppable:</p>

<p><a href="http://jsfiddle.net/KevinGabbert/jBQby/60/" rel="nofollow">http://jsfiddle.net/KevinGabbert/jBQby/60/</a></p>

<p>Success means that you pick up one pawn, and hover it over the other. an alert will pop up telling you the ID of the pawn being hovered OVER. (I already have a workaround, but I need to know why the 'over' event isn't working, and how to structure my code to make it work)</p>

<p><strong>I am not looking for a workaround.  I am looking to for the answer that makes the 'over' code work</strong></p>
