title: jquery drag and drop
body: <p>I have the following...</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;Item&lt;/li&gt;
    &lt;li&gt;Item&lt;/li&gt;
    &lt;li&gt;Item&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul&gt;
    &lt;li&gt;Item&lt;/li&gt;
    &lt;li&gt;Item&lt;/li&gt;
    &lt;li&gt;Item&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul&gt;
    &lt;li&gt;Item&lt;/li&gt;
    &lt;li&gt;Item&lt;/li&gt;
    &lt;li&gt;Item&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I need to drag each item from one <code>ul</code> to another, but avoid duplications in the same <code>ul</code> and just add the item to the dropped ul.</p>
  
  <p>using jQuery i have tried many things but there is always something that messes it up.</p>
  
  <p>any ideas ? thnx </p>