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">
 Draggable ( connectToSortable:['#sort'] )...
    <div class="drag1">
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
    </div>

    draggable ( connectToSortable:'#sort' )...
    <div class="drag2">
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
    </div>

    sortable
    <div id="sort">
    </div>

CSS

#sort { width:100px; height:100px; border:1px solid #ccc; }
        div div { margin: 2px;  border:1px solid #ccc; }

JavaScript

jQuery('.drag1 > div').draggable({helper:'clone',connectToSortable:['#sort']});
        jQuery('.drag2 > div').draggable({helper:'clone',connectToSortable:'#sort'});
        jQuery('#sort').sortable();