title: jQueryUI sortable - add and remove items with icon between 2 list views
body: <p>I am new to jQuery and struggling with the sortable option in jQueryUI.</p>
  
  <p>When you click on the delete icon i want the dvd to be added to the unselected area and the icon to change to a plus (+).</p>
  
  <p>When you then click on the plus icon in the unselected area i want the item to move into the "added area" and the icon to change to a "bin"</p>
  
  <p>Same principle for when you drag and drop an item from one div to another. Just need the icons to toggle depending on the div they are in.</p>
  
  <p>I have a demo here: - </p>
  
  <p><a href="http://jsfiddle.net/w3vvL/3/" rel="nofollow">http://jsfiddle.net/w3vvL/3/</a></p>
  
  <pre><code>$("#gallery").sortable({
     connectWith: "#trash"
     });
     $("#trash").sortable({
     connectWith: "#gallery"
  </code></pre>
  
  <p>});</p>
  
  <p>Any help / pointers would be great.</p>