title: JQuery UI: Cancel Sortable upon Droppable Drop
body: <p>I am using JQuery 1.5.1 and JQuery UI 1.8.11.</p>
  
  <p>I have added sortable for a number of items - the task here is to allow drag to sort, this all works fine.</p>
  
  <p>But I also want to incorporate droppable, so that the item can be dropped onto a "copy me" area - the task there will be to duplicate the item (I will work that bit out later)</p>
  
  <p>Problem is the droppable target is at the bottom of the sortable list (I do not want to move this) and once the drop occurs the sortable item moves to the bottom of the list.</p>
  
  <p>What I want to do is cancel this sort when the drop event fires.</p>
  
  <p><a href="http://jsfiddle.net/6BW7A/1/">You can see my problem in action here</a> (just drag "Item 1" onto the "Drop to Copy Item" area and you will see the sort does not get cancelled)</p>
  
  <p>As you can see I have tried the following in the droppable "drop" event (suggested from JQuery UI Docs) but it does not seem to work...</p>
  
  <pre><code>$(this).sortable('cancel');
  </code></pre>
  
  <p>I am also open to any other recommendations on how to achieve this "drop to copy" effect I am looking for.</p>
  
  <p>Thanks</p>