title: Get X,Y position of div
body: <p>I have 3x3 list of jQuery divs like so :</p>
  
  <pre><code>div1 div2 div3
  div4 div5 div6
  div7 div8 div9
  </code></pre>
  
  <p>When a div is dragged &amp; dropped I would like to get its X &amp; Y position in relation to the other div elements. so if div1 is dragged to div3 position I need to retrieve the postion 0,3 which represents the new position of div1. Do I need to use a plugin ?</p>
  
  <p>So just to need to override droppable like so and get position : </p>
  
  <pre><code>$( ".myClass" ).droppable({ drop: function( event, ui ) 
              { 
  alert('my position in relation to other divs is '+????
              } 
          });  
  </code></pre>
  
  <p>Ive added a jsFiddle : <a href="http://jsfiddle.net/aL3tr/" rel="nofollow">http://jsfiddle.net/aL3tr/</a> 
  Can the X &amp; Y co-ordinate of dropped item be retrieved ? In this case Y position will always be zero.</p>