Пользовательский интерфейс JQuery - вложенные Droppables / Sortables

Я пытаюсь создать интерактивное веб-приложение. используя JQuery UI, но я застрял здесь - я не могу найти способ «вложить» свои «ящики» (см. скрипт для демонстрации). Например, предположим, что имеется четыре блока - A , B , C , D . Если A - родительский элемент с высокими значениями ширины и высоты, я перетаскиваю b в A - это отлично работает. Я пытаюсь перетащить еще один «ящик» C в A , который также отлично работает. Но когда я пытаюсь сбросить D (или даже C , это не имеет значения) в B (Вложение), это, похоже, не работает (см. Скрипку

Обратите внимание, что скрипт не содержит отдельных «ящиков», а вместо этого содержит только один ящик, который копируется несколько раз. Также обратите внимание, что я еще не реализовал функцию сортировки (в скрипте), так как я не смог исправить проблему вложенности.

JS Fiddle: http://jsfiddle.net/JQwsf/

Чтобы убедиться, что я никого не запутаю, я прикрепил изображение.

Любая помощь очень ценится. Спасибо.