Перетаскивание Javascript: удаление перетаскиваемого элемента после успешного удаления

Я использую собственный API перетаскивания в javascript. Как удалить перетаскиваемый элемент из DOM после успешного удаления?

• Я пробовал прослушивать событие drop, но это срабатывает только на элемент, который удаляется и не имеет ссылки на перемещаемый элемент.
• Я пробовал прослушивать элемент dragend, но это не дает мне знать, было ли успешным падение или нет.
• Я пытаюсь избежать хранения элемента, перетаскиваемого в глобальную переменную, поскольку это вызовет проблемы, если между различными вкладками или браузерами возникает перетаскивание.

Вот пример: http://jsfiddle.net/KNG6n/3/

Список букв, которые можно перетащить в поле. Когда в поле будет сброшено письмо node, я бы хотел, чтобы он был удален из списка (без каких-либо других элементов списка, содержащих одну и ту же букву).

Ответы

htmlElement.addEventListener('dragend', function(event){
    if(event.dataTransfer.dropEffect !== 'none'){
        $(this).remove();
    }
});