UI: sortable
 

Всем добрый день.

Воюю уже второй день не знаю как победить
Пытаюсь заставить так как мне требуется
работать UI sortable.
А надо вот как, в аттаче внешний вид.
Необходимо что бы
1. Пустые квадратики не могли переноситься куда либо
2. на пустые квадратики не льзя было бы дропнуть элемент

Вроде бы все это есть в библиотеке, но вероятно я не смог понять как это рабоает
вот кодl HTML

<td id="sortTable" class="ui-sortable">
<div class="item-div" style="">
</div>
<div class="item-div" style="">
</div>
<div class="item-div">
</div>
...
</td>

В тех местах где есть картинки в диве лиежит

<div class="item-div" style="">
<a class="viewImage" href="#">
<img border="0" src="/21be37c0ca4d0dc1bc4125b787317b1b.jpg" />
</a>
</div>

Те же дивы в которых нету картинок, они просто пустые, т.е. нету там ниодного дива. вообще нету ничего.

Все эти дивы держит ячейка таблицы (и возможно проблема именно из-за этого.). Все перемещения должны осуществляться только в пределах этой ячейка.

Как делал я:

$("#sortTable").sortable({
dropOnEmpty: 'false', // это не срабатывает :(
cancel: $('.item-div:empty'), // это тоже почему то не срабатывает
})

В чем проблема может кто подскажет ?
Спасибо.

и чего никто не знает ? или не хочет подсказать ?