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">
<table>
        <tbody>
            <tr class="draggable ui-state-highlight"><td>Drag me down above the sortable, 
then quickly drag me up directly over and past the droppable</td></tr>
            <tr class="droppable ui-state-highlight"><td>Droppable</td></tr>
        </tbody>
        <tbody class="sortable">
            <tr class="ui-state-default"><td>Item 1</td></tr>
            <tr class="ui-state-default"><td>Item 2</td></tr>
            <tr class="ui-state-default"><td>Item 3</td></tr>
            <tr class="ui-state-default"><td>Item 4</td></tr>
            <tr class="ui-state-default"><td>Item 5</td></tr>
        </tbody>
    </table>

JavaScript

$("tbody.sortable").sortable({});
        $(".draggable").draggable({
            helper: "clone",
            connectToSortable: "tbody.sortable"
        });
        $(".droppable")
        .droppable({drop: function () { alert("dropped"); } });
        $("td").disableSelection();