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">
<ul id="myList">
      <li><div id="drag">DRAG</div><object id="undefined-29980622609" height="295" width="480" type="application/x-shockwave-flash" data="http://www.youtube.com/v/u1kqqMXWEFs&rel=0&fs=0&border=0" style="visibility: visible;">
<param name="allowFullScreen" value="false"/>
<param name="allowScriptAccess" value="always"/>
<param name="wmode" value="transparent"/>
</object></li>
      <li><div id="drag">DRAG</div>Item 2</li>
      <li><div id="drag">DRAG</div>Item 3</li>
      <li><div id="drag">DRAG</div>Item 4</li>
</ul>

CSS

ul { list-style: none; }
li { background: #727EA3; color: #FFF; width: 100px; margin: 5px; font-size: 10px; font-family: Arial; padding: 3px; }

JavaScript

$("#myList").sortable({
    handle: '#drag'
 });
 //$("#myList").draggable({
 //   handle: '#drag'
 //   });