How to get a position of the div? jquery

Question

How would you get the position of a div?

Here is what i got so far

 <script> 
 $(document).ready(function() { 
 $("#draggable").draggable({ grid: [50, 20] }); 
 }); 
 </script> 
 <div id="drag_border"> 
 <div id="draggable" style="width:500; height:800">Drag me</div> 
 </div> 

Thank you

Answer 1

Take a look at the .position() method.

Answer 2

In any of the events you can use ui.position, for example:

$("#draggable").draggable({ 
  grid: [50, 20],
  drag: function(e, ui) {
    var top = ui.position.top;
    var left = ui.position.left;
  }
}); 

You can give it a try here