drag/drop replace text/element

drag/drop replace text/element


I'm trying to drag and drop between lists. I have the simple drag and
drop down, but I want to add something else...
I want drop a list item to another list item and replace the text or
the drop zone.
For example. I have two lists:
<ul id="sortable1" class='droptrue'>
<li id="whatever 1" class="ui-state-default">whatever 1</li>
<li id="whatever 2" class="ui-state-default">whatever 2</li>
<li id="whatever 3" class="ui-state-default">whatever 3</li>
</ul>
<ul id="sortable1" class='droptrue'>
<li id="default text 1" class="ui-state-default">default text 1</li>
<li id="default text 2" class="ui-state-default">default text 2</li>
<li id="default text 3" class="ui-state-default">default text 3</li>
</ul>
so if I drag "whatever 1" to "default text 1" it would replace
"default text 1" with "whatever 1"