Как динамически добавлять теги

в jquery list?

Сейчас я могу добавить теги li в свой список с помощью скрипта. Но как я могу динамически добавлять теги li в функцию в .js? Надеюсь, я увижу хороший пример. Ниже мой код. Спасибо!

<div data-role="page" id="searchPage" data-theme="b">
<div data-role="content">
    <ul data-role="listview" data-filter="true" data-theme="b" id="searchListUl">
    </ul>
</div>
<script type="text/javascript">
  $("#searchListUl").append('<li data-filtertext="Apple"><a href="#">Apple</a></li>');
  $("#searchListUl").listview('refresh');</script></div>