Перетаскивание элементов
 

Имеется к примеру небольшой набор фильтров в списке с id sortable2. Необходимо реализовать, чтобы при перетаскивании иконки одного из фильтров в список с id sortable1 выполнялось какое-либо действие через ajax. Например, перетащил я <li id="actions_title"> и применился фильтр, то есть как мне отправить на сервер, что мол, вот перетащился такой-то <li>?
П.с. я не прошу писать код, просто помогите с алгоритмом, как правильнее решить задачу. Буду рад любым советам.
Вот код простого перемещения и сортировки фильтров:

<h2>Доступные фильтры</h2>
<ul id="sortable2" class="droptrue">
<li id="actions_title"><img src="images/icon1.png"></li>
<li id="actions_date"><img src="images/icon2.png"></li>
<li id="actions_text"><img src="images/icon3.png"></li>
...
</ul>

<h2>Приемник фильтров</h2>
<ul id="sortable1" class="droptrue">
			
</ul>

<div id="finish"><!--Вывод результатов--></div>

$(function() {
		$("ul.droptrue").sortable({
			connectWith: 'ul',
			opacity: 0.6,
			update : updateBlocks
		});

		$("#sortable1, #sortable2").disableSelection();

	});
	
	function updateBlocks() { 
	  var arr = [];
	  $("#sortable2 li").each(function(){
	    arr.push($(this).attr('id'));
	  });