To
implement drag and droppable div in JavaScript
we need to write much code but in JQuery
we can achieve this functionality just by simple properties draggable and droppable
that would be like as shown below

<scripttype="text/javascript">

$(document).ready(function()
{

$("#dragdiv").draggable();

$("#dropdiv").droppable({

drop: function()
{

alert('dropped');

}

});

});

</script>

If
you observe above script I used one div as draggable and another div with
droppable. If you want check this code in sample check below code