title: How to select multiple <li> drag and drop using jquery
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/3774755/jquery-sortable-select-and-drag-multiple-list-items">jQuery Sortable - Select and Drag Multiple List Items</a>  </p>
  </blockquote>
  
  
  
  <p>I need to drag and drop multiple <code>&lt;li&gt;</code> . Currently i can drag and drop single <code>&lt;li&gt;</code> . But i'm unable to select multiple <code>&lt;li&gt;</code> and drop</p>
  
  <pre><code>&lt;ul id="draggable"&gt;
      &lt;li class="lclass"&gt;1&lt;/li&gt;
      &lt;li class="lclass"&gt;2&lt;/li&gt;
      &lt;li class="lclass"&gt;3&lt;/li&gt;
      &lt;li class="lclass"&gt;4&lt;/li&gt;
      &lt;li class="lclass"&gt;5&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div class="droppable" &gt;
      &lt;p&gt;Drop here&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JQUERY</p>
  
  <pre><code>   $(function() {
           $( ".lclass" ).draggable({ revert: true,scroll: false  });
           $( ".droppable" ).droppable({ drop: function( event, ui ) {}  });
      });
  </code></pre>
  
  <p>Please help me out.</p>