Creating div.ui-draggable-dragging somewhere else

Creating div.ui-draggable-dragging somewhere else

Hi,

I have a jQuery setup such that I can drag table rows about, an it creates a nice little ghostly helper div of the row. The problem is that this div is created inside the <tbody> element inside the table and, although absolutely positioned, screws up the table layout in Safari 4 (not Firefox 3.6 though, but I'm only concerned with S4 at the moment). So my question is, can I have jQUI place this helper div somewhere else, i.e. outside my table? (appending it to end of <body> would be ideal.)

My code:

  2. $('tr').draggable({
  3. helper: function(event){
  4. return $('<div><table></table></div>').find('table').append($(event.target).closest('tr').clone()).end();
  5. }
  6. });
I understand that the function for the helper is getting the row, but I can't see any thing that says where it's putting it, so am stumped on how to change it.

Cheers,
Alex