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 style="width:100%;height:100%;overflow: auto;position: absolute;">
    <div style="width: 1000px;background-color: red;margin:0px auto;overflow: hidden;">
        <ul id="sort-container" class="content">
            <li id="item1" class="sort-item">John</li>
            <li id="item2" class="sort-item">Paul</li>
            <li id="item3" class="sort-item">George</li>
            <li id="item4" class="sort-item">Pete</li>
            <li id="item5" class="sort-item">Stu</li>
            <li id="item6" class="sort-item">Ringo</li>
        </ul>
    </div>
</div>

JavaScript

$("#sort-container").sortable();