I got the simple following function that will populate a DIV element with a list

2. function populate() {
3. var turma = Persistencia.getTurma();
4. var ct = turma.alunos.length;
5. $("#listaAlunosChamados").remove(); //removes the UL if exists (i tested w/o it)
6. $('#alunosChamados').html('<ul data-role="listview" id="listaAlunosChamados" class="listaAlunosChamados" data-inset="true">'); // creates the UL into the DIV #alunosChamados
7. while(ct--) { // fills the list
8. var aluno = turma.alunos[ct];
9. if(aluno.presente) {
10. $("#listaAlunosChamados").append("<li id='alunoChamado' class='alunoChamado'><img src='img/ok.gif' class='ui-li-icon'/>"+aluno.nome+"</li>");
11. } else {
12. $("#listaAlunosChamados").append("<li id='alunoChamado' class='alunoChamado'><img src='img/x.gif' class='ui-li-icon'/>"+aluno.nome+"</li>");
13. }
14. }
15. $('#alunosChamados').append("</ul>"); // close the list
16. window.location = "app.html#chamadaFeita";
17. };
18. 
    

The first time i run this, it goes nicely. After that, the layout gets really buggy, and its displayng like a common list not like an jQuery Mobile list. Does anyone what can be happening ?

Thanks alot for the attention !