Visualizzare degli input dinamicamente dentro un div

[felino]

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.

 

[felino]

Risolto: jsfiddle.