title: jquery ui drag drop + sortable
body: <p>I am trying to make a drag and drop sortable too. I can drag from div 1 to 2 and from div 2 to div 1, but because I use clone I can't get sortable work.</p>
  
  <p>Any ideas?</p>
  
  <pre><code>$(document).ready(function() {
  
      $("#qselected").sortable();
      $("#qselected").disableSelection();
  
      $(".qitem").draggable({
          containment : "#container",
          helper : 'clone',
          revert : 'invalid'
      });
  
      $("#qselected, #qlist").droppable({
          hoverClass : 'ui-state-highlight',
          drop : function(ev, ui) {
              $(ui.draggable).clone().appendTo(this);
              $(ui.draggable).remove();
  
              $(".qitem").draggable({
                  containment : "#container",
                  helper : 'clone',
                  revert : 'invalid'
              });
          }
      });
  });
  </code></pre>
  
  <p>Live demo: <a href="http://jsfiddle.net/6xXPq/4/" rel="noreferrer">http://jsfiddle.net/6xXPq/4/</a></p>