Use ui.helper
$(function () {
$("#add").click(function () {
$("body").append('<div class="note"><p>note</p></div>');
$(".note").draggable();
$("body").droppable({
accept: '.note',
activeClass: 'ui-state-hover',
hoverClass: 'ui-state-hover',
drop: function (event, ui) {
var position = $(ui.helper).position();
$(ui.helper).text("left: " + position.left + ", top: " + position.top);
}
});
});
});