Demo of Droppable & Draggable elements in JQuery UI

Drag me to my destination

Dropp here





HTML

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

<div id=d1></div>

jquery

<script>
$(document).ready(function() {
///////////
$( function() {
    $( "#draggable" ).draggable();
  });
///////////
})
</script>