Test Case Boilerplate

Fork this way...

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<div id="draggable-handle-div" class="draggable">
    <div class="drag-handle">aaaaaaaaaaaa</div>
  <object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/s50xAW3B7g4?version=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/s50xAW3B7g4?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
 </div>

CSS

#draggable-handle-div {
    border: 2px solid #0090DF;
    background-color: #68BFEF;
    width: 640px;
    height: 360px;
    margin: 10px;
  }

JavaScript

$("#draggable-handle-div").draggable({     handle: "div" });
    $(".block").draggable();