jquery - 要素「div」をドラッグして「ul」にドロップすると、「div」を「li」に変更したい

Question

要素divをドラッグしてulにドロップすると、divをliに変更したい

デモhttp://jsfiddle.net/7fEQs/

脚本

$(function() {
    $( "#sortable" ).sortable({
        revert: true
    });
    $( "#draggable" ).draggable({
        connectToSortable: "#sortable",
        helper: "clone",
        revert: "invalid"
    });
    $( "ul, li" ).disableSelection();
});

どうもありがとうございました。