Demo of START event of Dragging elements in JQuery

HTML

<div id="draggable" class='drg_box'>
  <p>Drag me around</p>
</div>

<br><br><br><br><br>
<div id=d1></div><br>
<div id=d2></div>

jquery

<script>
$(document).ready(function() {
///////////
$( "#draggable" ).draggable({
  drag: function( event, ui ) {
$('#d1').html("Left : " + ui.position.left + "Top : " + ui.position.top)
},
stop: function( event, ui ) {
$('#d2').html(" Dragging stopped ")
},
start: function( event, ui ) {
$('#d2').html(" Dragging started ")
}

});
///////////
})
</script>