Al usar los elementos de arrastre y soltar de la interfaz de usuario de jQuery, ¿cómo se cambia el elemento que se arrastra y suelta al soltar? Estoy tratando de arrastrar un DIV a otro DIV clasificable. Al colocarlo, me gustaría cambiar las clases en el DIV eliminado y cambiar su contenido internoHTML.

Después de leer varias preguntas de StackOverflow, mi código se ve así:

$(".column").droppable({
  accept: '.element-dragging', 
    drop: function(event, ui) {
        if ($(ui.draggable).hasClass("elemtxt")) {
            $(ui.draggable).replaceWith('<div class="element element-txt">This text box has been added!</div>');
        }
    }
})

No está funcionando para mi. :-(

Una copia completa de mi código se encuentra enhttp://www.marteki.com/jquery/bugkilling.php.