Drag and Drop into another place.

Drag and Drop into another place.

I'm trying to use the JQuery UI to drag a div into a cell and have the div become part of that cell. I haven't had any luck getting it to do anything but lay over top of the table.

Here is the code I'm trying to use:
$(document).ready(
function(){
$('.block').Draggable(
{
ghosting: true,
opacity: 0.5,
fx: 300
}
);
$(".drop").droppable(
accept: ".block",
ondrop: function(ev, ui){
$(this).append( $(ui.draggable.element) );
}
);
}
);

Thanks,
Steve