Javascript-форум - Drag & Drop Jquery

Здравствуйте!
Есть js код:

$(document).ready(function() {
     $("#draggable li").draggable ({
         helper: "clone",
         connectToSortable: "#sortable",
     });
     $("#sortable").sortable ({
         activate: function (event, ui) {
         $(ui.helper).html("Текст");
         }
     });
     });

HTML:

<ul id="sortable">
     <li class="itemColor1">Пункт 1</li>
     <li class="itemColor1">Пункт 2</li>
     <li class="itemColor1">Пункт 3</li>
     <li class="itemColor1">Пункт 4</li>
     <li class="itemColor1">Пункт 5</li>
     </ul><br><br>
     <ul id="draggable">
     <li class="itemColor2">Пункт 1</li>
     <li class="itemColor2">Пункт 2</li>
     <li class="itemColor2">Пункт 3</li>
     <li class="itemColor2">Пункт 4</li>
     <li class="itemColor2">Пункт 5</li>
     </ul>

При перемещение например "Пункт 1" из второго списка в первый - пункт заменяется на "Текст ". Однако, когда этот самый пункт "сбрасывается" над первым списком, он снова трансформируется обратно, то есть снова получает название "Пункт 1", а не "Текст". Каким образом сделать так, что бы при "сбрасывание", этот самый пункт сохранял за собой название "Текст"? Пробовал различные события, но видимо чего не до понял. Пожалуйста, объясните!