Jak przenieść element do pustej listy przy użyciu jquery?

Pracuję z wersją demo z dwóch sortowalnych list jquery ... ale mam problem, gdy jedna lista jest pusta, nie mogę już przeciągać elementów na nią, ponieważ nie ma tam niczego, co można by narzucić. Próbowałem dodać spację do marginesu, dopełnienia i wysokości linii ulicy, ale nic nie działa. Jakieś pomysły?Jak przenieść element do pustej listy przy użyciu jquery?

<style type="text/css"> 
#sortable1, #sortable2 { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    float: left; 
    margin-right: 10px; 
} 
#sortable1 li, #sortable2 li { 
    margin: 0 5px 5px 5px; 
    padding: 5px; 
    font-size: 1.2em; 
    width: 120px; 
} 
</style> 
<script type="text/javascript"> 
$(function() { 
    $("#sortable1, #sortable2").sortable({ 
     connectWith: '.connectedSortable' 
    }).disableSelection(); 
}); 
</script> 

<ul id="sortable1" class="connectedSortable"> 
<li class="ui-state-default">Item 1</li> 
<li class="ui-state-default">Item 2</li> 
<li class="ui-state-default">Item 3</li> 
<li class="ui-state-default">Item 4</li> 
<li class="ui-state-default">Item 5</li> 
</ul> 

<ul id="sortable2" class="connectedSortable"> 
</ul>

Źródło

2010-02-25 Adam Morris