Suppression d'Éléments de Jquery UI Sortable

J'essaie de trouver la bonne façon de supprimer des éléments à partir d'une INTERFACE utilisateur de JQuery liste Triable. J'ai créé un JSfiddle illustrer mon problème.

En gros, j'ai un couple de rappels autour de JQuery UI sortable widget, et je veux que ces rappels à être exécuté dès que j'ai supprimer un élément à partir du widget. Quelle est la façon correcte de le faire? Parce que "$.supprimer" ni "$.détacher" semble fonctionner.

EDIT 1: je ne suis pas à la recherche d'un correctif sur mon problème, mais plus une explication de la façon dont le JQuery UI Sortable fonctionne de la liste, tandis que les réponses ci-dessous clairement résoudre le problème. Je ne pense pas que c'est un propre façon de faire. Je pense que JQuery UI Sortable devez être conscient que lorsque vous supprimez un élément de la liste qui est entre les deux éléments, vous devriez être besoin d'une re-trier

Si vous prenez la note ci-dessous la fonction n'est exécutée lorsque j'appelle le supprimer sur un élément.

$(document).ready(function(){
    $('ul').sortable({
        stop: function(event, ui) {
            updatePosition();
        }
    });

    $('.remove').on('click', function(e){
        $(".delete").remove();
    });
});

function updatePosition(){
    $('ul li').each(function(i){
        $(this).html(i + 1);
    });
}

http://jsfiddle.net/72RTz/2/

OriginalL'auteur Gotjosh | 2013-10-23