Помогите разобраться jquery UI
 

Есть товары

<div class="dragger">Товар 1</div>
<div class="dragger">Товар 2</div>
<div class="dragger">Товар 3</div>
<div class="dropper-wrapper">
    <div class="dropper">Корзина</div>
</div>

И js

function initDroppable() {
    $('.dropper').droppable({
        tolerance: 'touch',
        drop: function (event, ui) {
            $(this)
                .addClass('highlight')
                .text('Добавлено')
                .droppable('destroy')
                .siblings().removeClass('highlight');
        },
        hoverClass: 'highlight'
    });
}

$(function () {
    $('.dragger').draggable({
        revert: true,
        helper: 'clone',
        start: function () {
            initDroppable();
            $('.dropper')
                .removeClass('highlight')
                .text('Droppable');
        }
    });
});

У меня при перетаскивании товара в корзину на корзине меняется текст на "добавлено", не понимаю как удалить именно этот товар при перемещении в корзину.
Буду очень благодарен. Должно быть что товар удаляется при перемещении.

Роман1479,
в строку 10

ui.draggable.remove();

Спасибо большое:)