Remove dragging functionality from item when dragged/dropped
<p>I have a list of items that are draggable : </p>

<pre><code>$( "li" ).draggable({
      connectToSortable: ".sortable",
      helper: "clone"
});
</code></pre>

<p>Once an item is dragged and dropped I'd like to prevent the user from dragging the same item again. Can I achieve this ? Possibly adding some css to the just dragged item ?</p>

<p>If the user does not drop the item (cancels the drag) then future dragging for this item should remain enabled</p>

<p><strong>Note:</strong> I cannot remove the helper: <code>clone</code> attribute.</p>
