Помогите чайнику в Jquery

[Jesus]

В двух словах о самой проблеме:
Вобщем надо сделать возможность без перезагрузки страницы перещать строки в таблице

<table>
<tr><td id="td1">строка 1</td><td><asp:Image ID="Image1" 
runat="server" ImageUrl="~/down_f.gif" Height="16px" Width="16px"/></td></tr>
<tr><td id="td2">строка 2</td><td><asp:Image ID="Image2" 
runat="server" ImageUrl="~/down_f.gif" Height="16px" Width="16px"/></td><td>
<asp:Image ID="Image3" runat="server" ImageUrl="~/up_f.gif" 
Height="16px" Width="16px"/></td></tr>
<tr><td id="td3">строка 3</td><td><asp:Image ID="Image4" 
runat="server" ImageUrl="~/up_f.gif" Height="16px" Width="16px"/></td></tr>
</table>

Пробовал сделать так:

$("#td1").replaceWith($("#td2"));

он их перемещает, но при этом затирает td1.
Помогите, как мне правильно сделать. Заранее всем спасибо.

 

[vital]

сохранить сначала тд1 в спан, а потом то что вы написали выше, потом спан заменить на тд)

 

[@rtem]

можно точнее куда какие строки нужно перетащить?

 

[@rtem]

вот простой пример

jQuery(document).ready(function() {
var str1 = jQuery('#td1').html();
var str2 = jQuery('#td2').html();
var str3 = jQuery('#td3').html();

jQuery('#td1').html(str3);
jQuery('#td2').html(str1);
jQuery('#td3').html(str2);
});