title: Move items from one sortable connected list to the other programmatically
body: <p>I have two sortable connected lists <code>#left</code> and <code>#right</code>. I want to move all elements from <code>#left</code> to <code>#right</code> when clicking a button.</p>
  
  <pre><code>$('#left li').each(function()
  {
      var $this = $(this);
      $this.appendTo('#right');
  });
  </code></pre>
  
  <p>Above function moves items but the <code>receive</code> function is not triggered.</p>
  
  <p>A <a href="http://jsfiddle.net/h66bmtf7/3/" rel="nofollow">JSFiddle</a> of current state.</p>