Как поменять местами элементы списка?

[sniffysko]

Имеется такой код ХТМЛ:

<ul>
	<li id="li_1">
		<a href="#" class="upper"  id="upper_1"></a>
		<a href="#" class="downer" id="downer_1"></a>
		<input type="text" name="name[1]" value="Тестик 1">
	<li id="li_2">
		<a href="#" class="upper"  id="upper_2"></a>
		<a href="#" class="downer" id="downer_2"></a>
		<input type="text" name="name[2]" value="Тестик 2">
	<li id="li_3">
		<a href="#" class="upper"  id="upper_3"></a>
		<a href="#" class="downer" id="downer_3"></a>
		<input type="text" name="name[3]" value="Тестик 3">
</ul>

Выглядит это примерно как на вложенном файле.

При помощи стрелок вверх и вниз хочется перемещать строки. Самое большее, что я придумал, это обменивать содержимое элементов LI. Но это не правильно, поскольку, сами LI не перемешаются, а перемещенный HTML код теряет обработчики событий.

[Gvozd]

http://javascript.ru/tutorial/dom

[sniffysko]

Эту штуку читал. Но не помогло. Подумал еще, пошукал и получилось вот что:
$(function(){
	$('.upper').click(move_up);
	$('.downer').click(move_down);

	function move_up(eventObject){
			var curr_li = $(this).parent();
			var prev_li = $(curr_li).prev();

			prev_li.insertAfter(curr_li);
	} 

	function move_down(eventObject){
			var curr_li = $(this).parent();
			var next_li = $(curr_li).next();

			next_li.insertBefore(curr_li);
	} 
});

[sniffysko]

Гы-гы. А внизу было еще похожее сообщение:
Jquery - поменять местами блоки
И решение предложено практически такое же.

[sergdev]

Я в последнее время полюбил cloneNode и replaceNode