Edit in JSFiddle

$("#surukle").draggable({
stop: function(e, ui) {
   var pos="top: " + ui.position.top + "px , left: " + ui.position.left + "px<br />";
   var pos2="top: " + ui.offset.top + "px , left: " + ui.offset.left + "px";
   $("#goster").empty().append(pos).append(pos2);
   }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<div id="surukle" class="ui-widget-content">
<div id="sur">Sürükle</div>
</div>
<div id="goster"></div>

#surukle{width: 70px; height: 70px; background:#069;}