[jQuery] drag/drop replace text/element

[coyote...@msn.com]

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"