¿Cómo agregar el complemento elegido a la división de CSS clonada / creada dinámicamente?

El complemento elegido para jQuery (se encuentra aquí:http://harvesthq.github.com/chosen/ ) Agrega funcionalidad extra para seleccionar elementos HTML. Puedo agregar la funcionalidad a los elementos iniciales cargados en la página con el siguiente código:

<code>$(document).ready(function(){
$(".chosenProperties").data("placeholder","Select properties...").chosen();
$(".chosenType").data("placeholder","Type...").chosen();
$(".chosenInstance").data("placeholder","Instance...").chosen()
</code>

Eso funciona. Las tres clases de elementos seleccionados aparecen en un div llamado #newGroup. Hay un botón en la página que "agrega" un nuevo grupo, que clona la división #newGroup y la agrega justo debajo del primero.

Contiene los mismos elementos. Sin embargo, cuando intento agregar la funcionalidad Elegida a los elementos seleccionados en el div clonado, se congelan. La interfaz tiene el mismo aspecto que la primera, por lo que Chosen se está cargando, pero cuando hago clic en ella no pasa nada. Aquí está el código:

<code>    $( '#swl-add-group-button' ).click( function() {
    //addGroupToGUI();
    createClassAddRow();

} );


var rowNum = 0;     
function createClassAddRow() {
    rowNum++;
    newRow = jQuery('#newGroup').clone().css('display', '');
    newHTML = newRow.html().replace(/0/g, 1);
    newRow.initializeJSElements();
    newRow.html(newHTML);
    newRow.initializeJSElements();
    jQuery('#mainTable').append(newRow);
    addGroup(newRow);
}

jQuery.fn.initializeJSElements = function (){
    this.find(".chosenProperties").each( function() {
        alert('test');
        if($(".chosenProperties").data("placeholder", "Select properties...").chosen()){
            alert('test2');
        }
    });
    this.find(".chosenType").each( function() {
        jQuery(this).data("placeholder","Type...").chosen();
    });
    this.find(".chosenInstance").each( function(){
        jQuery(this).data("placeholder", "Instance...").chosen();
    })

}
</code>

Ambas alertas, test y test2, aparecen. Así que creo que la jQuery se está cargando, pero no está funcionando por alguna razón. Además, no estoy seguro de si esto hace una diferencia, pero cuando paso sobre los elementos seleccionados del div clonado, dice javascript: void (1) mientras que cuando paso sobre el original dice javascript: void (0).

Respuestas a la pregunta(4)

Su respuesta a la pregunta