제이쿼리 div 드래그

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js">
</script>


<script>
$(document).ready(function(){
$( "#draggable" ).draggable();
});
</script>
<style>
#draggable{width:150px; height:150px; border:1px solid #ccc;}
#draggable:hover{cursor:move;}
</style>


<div id="draggable">
<p>Element<p>
</div>