$(".droppable").droppable({

drop : function(event, ui) {

var clone = $(ui.helper).clone();

var prevelement = $(ui.helper).prev();

var drop = $(this).prop('id');

alert('id '+drop)

var drag = $('#drag').position();

c_top = 0;

//drop.top - drag.top;

c_left = 0;

// drop.left - drag.left;

// alert('drag.top ' + drag.top);

//alert('drag letf ' + drag.left);

pos = $(ui.helper).position();

posParent = $(this).position();

//alert('pos top' + pos.top);

//alert('pos left' + pos.left);

//alert('ps left' + posParent.left);

//alert(posParent.left);

$(ui.helper).remove();

$('#drop').append("<div style=' position:absolute; top:" + (pos.top - posParent.top - c_top - 6) + "px; left:" + (pos.left - posParent.left - c_left - 6) + "px; float:left;'>" + $(clone).html() + "<a href='Delete' class='delete' style='font-size:8px; line-height:8px; font-family:Arial; padding-left:2px; color:#000; text-decoration:none;'>X</a></div>");

// $(this).append($(ui.draggable));

/*

ui.draggable.position({

of : $(this),

my : 'left top',

at : 'left top'

});*/

ui.helper.draggable('option', 'revert', false);

$(this).draggable('option', 'scroll', true);

$(this).addClass("ui-state-highlight").find("p").html("Dropped!");