Имеется такой код ХТМЛ:
	
	| 
		 Код: 
	 | 
	<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 код теряет обработчики событий.