title: jQuery UI drag drop swap elements
body: <p>I cant handle with one thing - swap elements betweens two divs.
  Here is my code</p>
  
  <pre><code> $(function () {
      $('#container').sortable({
          tolerance: "pointer"
      });
  
      $('#box1').sortable({
          tolerance: "pointer"
      });
      $('#box1').on("sortreceive", function (event, ui) {
          var $list = $(this);
  
          if ($list.children().length &gt; 1) {
              $(ui.sender).sortable('cancel');
          }
      });
  
      $('#box2').sortable({
          tolerance: "pointer"
      });
      $('#box2').on("sortreceive", function (event, ui) {
          var $list = $(this);
  
          if ($list.children().length &gt; 1) {
              $(ui.sender).sortable('cancel');
          }
      });
      $('.item').sortable({
          connectWith: '.item'
      });
      $("#container,#box1,#box2").disableSelection();
  });
  </code></pre>
  
  <p>my fiddle: <a href="http://jsfiddle.net/kehator/TsJgR/" rel="nofollow">http://jsfiddle.net/kehator/TsJgR/</a></p>
  
  <p>i want to change this line:</p>
  
  <pre><code>    $(ui.sender).sortable('cancel');
  </code></pre>
  
  <p>it have to swap elements,not cancel. and i dont know how to do it. many scripts doesnt work..im hopeless.</p>