<div data-role="page" id="foo" data-position="fixed" data-theme="$${JQMTheme|'c'}">
    <div data-role="header" data-theme="$${JQMTheme|'a'}">
        <h1>Navigation Application</h1>
    </div><!-- /header -->

    <div data-role="content" data-theme="$${JQMTheme|'c'}">
        <ul data-role="listview" data-dividertheme="$${JQMTheme|'b'}" style="margin-top: 0;">
                    <li><a href="index.html">All I Want For Chritsmas Is You</a></li>
                    <li><a href="index.html">Baby(Feat.Ludacris)</a></li>
                    <li><a href="index.html">Baby I Love You</a></li>
                    <li><a href="index.html">Because Of You</a></li>
                    <li><a href="index.html">Geek In The Pink</a></li>
                    <li><a href="index.html">Hangover (Feat. Flo Rida)</a></li>
                    <li><a href="index.html">I'm Yours</a></li>
                </ul>
    </div><!-- /content -->

    <div data-role="footer" data-id="fool" data-position="fixed" data-theme="$${JQMTheme|'a'}">
        <div data-role="navbar">
            <ul>
                <li><a href="index.html" >Play List</a></li>
                <li><a href="section1.html"  class="ui-btn-active">Music</a></li>
                <li><a href="section2.html">Artist</a></li>
            </ul>
        </div><!-- /navbar -->
    </div><!-- /footer -->
</div><!-- /page -->