dragged element in sortable disappears

dragged element in sortable disappears


I have two sortables (<ul>) in separate tables. When I try to drag an
<li> element from one of them to the other, the dragged element
disappears. The structure looks something like this :
<table>
<tr>
<td>
<ul id='sort1'>
<li>item1</li>
</ul>
</td>
</tr>
</table>
<table>
<tr>
<td>
<ul id='sort3'>
<li>item3</li>
</ul>
</td>
</tr>
</table>
This is how I am initializing both of them :
    $('ul.qrow_group').sortable({
            connectWith : ['.qrow_group'],
            tolerance : 'pointer',
            items : '.qrow_item',
            //placeholder : 'qrow_group_hover',
            zIndex : 10000,
            revert : true,
            update : function(e, ui) {
                var id1 = this.id.substring(13);
}
}
When I drag <li>item1</li> from sort1 to sort3, the li element
disappears completely outside the table.
- Moazzam