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.

I used .position() and .offset() method but it gives me top and left index position in px
 my code is 

```
$(".workArea").droppable({
drop: function( event, ui ) {
var y = ui.position.left();
var z = ui.position.top();

```

Please help in getting index position like 1,2 ,3 after each drop