I have this code,

$("#list-item li").droppable({
        drop: function(event, ui) {
            $('#list-item li:eq(0)').append($(ui.draggable));
        }
    });

The draggable object is an li and i want to insert it after another li. This code works but it just doesnt insert it into the list and randomly displays it above as though their is padding.

Anyone know where I am going wrong and how I can fix this?

Thanks