<div id="main" data-role="page" data-footer-exist="true">
    <div id="main-header" data-role="header" data-position="fixed">
        <h1>Chatter</h1>
    </div>

    <div id="main-content" data-role="content">
        <ul data-role="listview"></ul>
    </div>

    <div id="main-footer" data-role="footer" data-position="fixed">
        <div data-role="tabbar" data-style="toolbar">
                <ul>
                    <li><a href="#" id="contactSelect-button">New chat</a></li>
                </ul>
            </div>
    </div>
</div>