title: drag, sort and serialize from different listi with jquery
body: <p>I have different list, I can drag an element from a list to an other list, and when i serialize one of these, i get each element .. the one I dragged from an other list to. 
  Problem is when I drag into a sortable-list an element from a non-sortable list, but from a dragged-only list.
  when I try to serialize one of the sortable-list, I'm not able to get the id from the draggable-list</p>
  
  <p>for example, how can I serialize this? <a href="http://jqueryui.com/demos/draggable/#sortable" rel="nofollow noreferrer">http://jqueryui.com/demos/draggable/#sortable</a>
  if you try.. the element dragged is not serialized.</p>
  
  <pre><code>    &lt;script&gt;
      $(function() {
          $( "#sortable" ).sortable({
              revert: true
          });
          $( "#draggable" ).draggable({
              connectToSortable: "#sortable",
              helper: "clone",
              revert: "invalid"
          });
          $( "ul, li" ).disableSelection();
  
          $('#save').click(function() {
            var $list = $('#sortable').sortable('serialize');
            alert($list);
          });
  
  
      });
      &lt;/script&gt;
  
  
  
  &lt;div id="save"&gt;salva&lt;/div&gt;
  &lt;div class="demo"&gt;
  
  &lt;ul id="draggable"&gt;
      &lt;li class="ui-state-highlight" id="c_0"&gt;Drag me down&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;ul id="sortable"&gt;
      &lt;li class="ui-state-default" id="c_1"&gt;Item 1&lt;/li&gt;
      &lt;li class="ui-state-default" id="c_2"&gt;Item 2&lt;/li&gt;
  
  &lt;/ul&gt;
  
  &lt;/div&gt;&lt;!-- End demo --&gt;
  </code></pre>