title: how to get index position of a droppable div in jquery
body: <p>I am using drag and drop functionality.
  I want index position of a div which is dropped something like 1 ,2,3...after each drop.</p>
  
  <p>I used .position() and .offset() method but it gives me top and left index position in px
   my code is </p>
  
  <pre><code>$(".workArea").droppable({
  drop: function( event, ui ) {
  var y = ui.position.left();
  var z = ui.position.top();
  </code></pre>
  
  <p>Please help in getting index position like 1,2 ,3 after each drop       </p>