Visualizzare degli input dinamicamente dentro un div

[exFelino]

Salve a tutti,
vorrei creare una list dinamica di input type checkbox da inserire dentro un div.

I vari Item vengono letti da un'array, avevo scritto questo codice:

<div id="filterList">

</div>

<script>
/* Lista dei tiles: usati nei filtri di ricerca e nella mappa */
var listTiles = ['ITEM 1', 'ITEM 2', 'ITEM 3'];


function dynamicListFilter() {
    var ObjUl = $('<ul></ul>');
    for (i = 0; i < listTiles.length; i++) {
        var Objli = $('<li></li>');
        var Obja = '';


        ObjUl.addClass("ui-menu-item");
        ObjUl.attr("role", "menuitem");


        Objli.addClass("ui-all");
        Objli.attr("tabindex", "-1");


        Objli.text("<input type=\"checkbox\" name=\"" + listTiles[i] + "\" class=\"filterLayerShowHide\" />" + listTiles[i]);


        ObjUl.append(Objli);
    }
    $('#filterList').append(ObjUl);
}


dynamicListFilter();

</script>

ma il risultato è questo:

<input type="checkbox" name="ITEM 1" class="filterLayerShowHide" />ITEM 1
<input type="checkbox" name="ITEM 2" class="filterLayerShowHide" />ITEM 2
<input type="checkbox" name="ITEM 3" class="filterLayerShowHide" />ITEM 3

Qui la demo Link

Come mai?

Grazie.

[exFelino]

Risolto: jsfiddle.

[KillerWorm]

Ciao, chiaramente può andare bene l'uso di append(), ma più semplicemente avresti potuto usare la funzione html() al posto di text().

[exFelino]

Grazie!

Comunque così è corretto, giusto?

[KillerWorm]

Comunque così è corretto, giusto?

Mi limito a dirti che quella parte sembra funzionare.

[exFelino]