div resizable and draggable in javascript

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> <link href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<div class="outer_div"> 
   <div class="movable_content  ui-widget-content"          contenteditable> </div>   
</div>

 $(".movable_content").draggable({
 cursor:"move",
 containment: "parent"
 });
$(".movable_content") .resizable({
 maxWidth: 300,
 minHeight: 150
 });