jQuery droppables - Change element on drop

Question

I\'m a bit new to jQuery and hope somebody can help me out.

I\'m trying to change an element (li) to another element (div) after the (li) has been dropped.

Sampl

Answer 1

thanx for the reply.

Your first code worked, and plus I can also sort the divs in the droppable like this:

    drop: function(ev, ui) {
    $(this).append("
Some content
");
    $("#dropEl").sortable();
}

Now the problem is how do I know which list is which once I have changed it to divs?

I use the following code to get each element id:

drop: function(ev, ui) {
            revert: true;
            var this_id = $(ui.draggable).attr("id");
            $(this).append('
Some content
');
            $("#dropEl").sortable();
        }