How to dynamically build list view JQueryMobile

Question

I need to dynamically add a list view. I am able to build the list view dynamically but i am appending

to hard coded tag in the below html snippet.

The HTML code snippet.
<ul id="mymenu" data-role="listview" >
</ul>

Jquery Code Snippet.
$("#accpmenu").append('<li><a href='+ "#" + ' id="a"  "> <img src="letterheader.png" >'+ this.textContent + '  </a> </li>'); 

I even want to dynamically build the and then append

Please help me in achieving this.

Thanks Shyam

Answer 1

After appending you must refresh the list:

  $("#mymenu").listview("refresh");

Answer 2

Here is an example which creates a list dynamically.

http://jsfiddle.net/SuSpv/

Let me know if that helps.