title: How to make a draggable snap to a droppable, allow swapping?
body: <p>I'm not sure how to ask this, but I am looking to create an interface where three elements exist on the left (A, B, C) and can be dragged to three elements on the right (1, 2, 3).</p>
  
  <p>I would like the left item to snap to a right item when dropped, but then be interchangeable with the other two items.</p>
  
  <p>I can get A, B, and C to snap to the right side, but can't seem to get them to be able to be swapped.  If I set the <code>ui.draggable.position</code> on the drop, then I can't figure out how to rearrange them on the right.  I've tried cloning and deleting them to no avail, I ended up getting some error.</p>
  
  <p>I have this so far: <a href="http://jsfiddle.net/7xFsr/13/" rel="nofollow">http://jsfiddle.net/7xFsr/13/</a></p>
  
  <p>Thanks in advance!</p>