Пользовательский интерфейс jQuery удаляет элемент при перетаскивании в div используя .droppable

Пытаюсь понять логику, как это сделать.

У меня есть много изображений только с именем класса CSS, они создаются динамически.

Эти изображения можно перетаскивать с помощью пользовательского интерфейса jQuery .draggable.

Мне нужна "мусорная корзина", чтобы при перетаскивании элемента в , он удалялся.

Пример: http://jsfiddle.net/KWdcU/3/(Это настроено на удаление всех элементов, а не того, который в него перетащили)

Код:

one
two

trash
​



$(function() {
        $( ".stack" ).draggable();
});

$('#trash').droppable({
            over: function() {
             //alert('working!');
            $('.box').remove();
          }
    });

​