jQuery Mobile 2-page Base Fiddle

by wwwroot

HTML

<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css">
<div id="all" class="ui-body-d ui-content">
                <ul id="allList" data-role="listview" >
                    <li><a href="#">1Data Mining</a></li>
                    <li><a href="#">1Ethics</a></li>
                    <li><a href="#">1HCI</a></li>
                    <li><a href="#">1Mobile Dev</a></li>
                    <li><a href="#">1Software Testing</a></li>
                </ul>
            </div>
<button id="btn">add item</button>

JavaScript

$("button#btn").click(function () {
    $('#allList').append('<li><a href="#">1Software Testing</a></li>');
    $("#allList").listview('refresh');
});