title: Drag all the items of Jquery Sortable together
body: <p>I am using jQuery sortable to drag and drop item in between three list as shown below.
      In some scenarios i need to move all the items from one list to another.I went through few links in stackoverflow but couldn't  make it work.
      so looking for some help.</p>
  
  <pre><code>    $( "#sortable1, #sortable2, #sortable3" ).sortable({
          connectWith: ".connectedSortable"            
      }).disableSelection();
  </code></pre>
  
  
  
  <pre><code>&lt;ul id="sortable1" class="connectedSortable"&gt;
      &lt;li&gt;One&lt;/li&gt;
      &lt;li&gt;Two&lt;/li&gt;
      &lt;li&gt;Three&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul id="sortable2" class="connectedSortable"&gt;
      &lt;li&gt;Four&lt;/li&gt;
      &lt;li&gt;Five&lt;/li&gt;
      &lt;li&gt;Six&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul id="sortable3" class="connectedSortable"&gt;
      &lt;li&gt;Seven&lt;/li&gt;
      &lt;li&gt;eight&lt;/li&gt;
      &lt;li&gt;Nine&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>