In Mega App, we have three main pages:
The following code snippet shows the "memoList" page:
<div data-role="page" id="memoList">
<div data-role="header" data-position="fixed" data-tap-toggle="false">
<a href="#about" data-role="button" data-icon="info" data-mini="true">About</a>
<h1>Memo List</h1>
<a id="newMemo" data-role="button" data-icon="plus">New</a>
</div>
<div data-role="content">
<ul data-role="listview" id="memoListView">
</ul>
<div data-role="popup" id="memoTypeSelection">
<ul data-role="listview" data-inset="true" class="selectionMenu">
<li data-role="divider">Memo Type...