$(function() {
var place1 = $('<li class="empty"></li>');
var place2 = $('<li class="empty"></li>');
if($("#sortable2 >li").length ==0){
$("#sortable2").append(place2);
}
if($("#sortable1 >li").length ==0){
$("#sortable1").append(place1);
}
$("#sortable1, #sortable2").sortable({
connectWith: ".connectedSortable",
remove: function(event, ui) {
if(!$('li', this).length) {
if(this.id == 'sortable1')
$(this).append(place1);
else
$(this).append(place2);
}
},
receive: function(event, ui) {
$('.empty', this).remove();
}
}).disableSelection();
});
var place1 = $('<li class="empty"></li>');
var place2 = $('<li class="empty"></li>');
if($("#sortable2 >li").length ==0){
$("#sortable2").append(place2);
}
if($("#sortable1 >li").length ==0){
$("#sortable1").append(place1);
}
$("#sortable1, #sortable2").sortable({
connectWith: ".connectedSortable",
remove: function(event, ui) {
if(!$('li', this).length) {
if(this.id == 'sortable1')
$(this).append(place1);
else
$(this).append(place2);
}
},
receive: function(event, ui) {
$('.empty', this).remove();
}
}).disableSelection();
});