[jQuery] Modifying element on drop into sortable list

[Sam Hastings]

Hi everyone,

I've got a Draggable list working in conjunction with a Sortable list.
When I drag an item from the draggable to the sortable list I want to
modify the contents of the list. The code I'm using right now is:

$("#list li").draggable({
   connectToSortable: "#page ol",
   containment: "window",
   helper: "clone",
   revert: true,
   revertDuration: 0,
   appendTo: "body"
});

$("#page ol").sortable({
   handle: ".drag_handle",
   receive: function(event, ui) {
      $(ui.item).css('background','red');
   }
});

Instead of modifying the dropped element it actually modifies the
source element in the draggable list. I've tried using ui.helper
instead of ui.item but this has no effect whatsoever.

Can anyone suggest a different way of going about this? Thanks in
advance!

Sam