Sortable и Drop
 

Вообщем требуется следующие..
Есть товары которые можно перетаскивать на два разных списка

<ul>
      <li class='item'><b>Soya Milk</b></li>
      <li class='item'>Bread</li>
      <li class='item'>Water</li>
    </ul>
    <ul id="names">
	<li class='list'></li>
	<li class='list'></li>
	<li class='list'></li>
    </ul>

$(document).ready(function() {
	  $('#names').sortable({ containment: 'document', tolerance: 'pointer', cursor: 'pointer', revert: true});
	
	  $('li').draggable({ containment: 'document', revert: true,
	  start: function() {
	    contents = $(this).text();
	  }
	  });
	  
	  $('.list').droppable({ hoverClass: 'border', accept: '.item',
	      drop: function() {
		$('.list').append(contents + '<br/>');
	      }
	    });
	  
	  $(document).ready(function() {
            $('li').draggable({ containment: 'document', revert: true,
            start: function() {
            contents = $(this).text();
          }
         });
         $('.list').each(function(){
           $(this).droppable({ hoverClass: 'border', accept: '.item',
           drop: function() {
             $(this).append(contents + '<br/>');
           }
         });
        });
       });
	  
	  
      });

Слова перетаскиваются как нужно, в два разных списка, затем, мне необходима возможность сортировать эти списки с помощью Sortable. Но при подключении, сортировать их не получается. Судя по итогу, sortable конфликтует с droppable. Работал ли кто-то с похожим примером, могли бы пожалуйста подсказать в чем может быть проблема.

Перетаскивать, а потом сортировать? Похоже без live не разобраться Вам...