<div data-role="page">
    <div data-role="header" data-position="fixed" data-id="foo">
        <h1>Navigation Application</h1>
    </div><!-- /header -->

    <div data-role="content">
        <ul data-role="listview">
            <li><a class="ui-li-text-main" href="index.html">All I Want For Chritsmas Is You</a></li>
            <li><a class="ui-li-text-main" href="index.html">Baby(Feat.Ludacris)</a></li>
            <li><a class="ui-li-text-main" href="index.html">Baby I Love You</a></li>
            <li><a class="ui-li-text-main" href="index.html">Because Of You</a></li>
            <li><a class="ui-li-text-main" href="index.html">Geek In The Pink</a></li>
            <li><a class="ui-li-text-main" href="index.html">Hangover (Feat. Flo Rida)</a></li>
            <li><a class="ui-li-text-main" href="index.html">I'm Yours</a></li>
        </ul>
    </div><!-- /content -->

    <div data-role="footer" data-id="foo1">
        <div data-role="controlgroup" data-type="horizontal">
            <a data-role="button" href="index.html">Playlist</a>
            <a data-role="button" href="section1.html">Music</a>
            <a data-role="button" href="section2.html">Artist</a>
        </div><!-- /navbar -->
    </div><!-- /footer -->
</div><!-- /page -->