Drag and Drop with jQuery in google Ajax api

-----------------------------------------------
<script src="http://www.google.com/jsapi?key=AB"></script>
    <script type="text/javascript">

    google.load("jquery", "1");
    google.load("jqueryui", "1");
 
    function OnLoad(){
      $('#content').html('<div id="drag-div" ">' +
                         '<div id="dragme"></div></div>');
      $("#drag-div").draggable({
        "handle": "div"
      });
    }
 
    google.setOnLoadCallback(OnLoad);
    </script>

<style>
   body
{
font-family: Arial;
color:#20558a;
font-size:12px;
font-weight:bold;
}
#dragme
{
width:229px; height:129px; background:#000; border:3px solid #F00;}
</style>


<div style="height:15px"></div>
    <div id="content">Loading...</div>


-----------------------------------------------