jQuery mobileでタブバーを実装したい
monacaのサンプルアプリのメモ帳にタブバーを実装したいです。（下に３つタブがついていてメモ帳アプリのトップ画面がタブの切り替え先にも表示され、メモ帳が１つのアプリに３つある感じ）

初心者なものでいろいろ調べてみたのですが、上手くタブバーとメモ帳を同じ画面に表示することができません。

回答のほどよろしくお願い致します。
`TOP Page`の`</section>`のあとにナビゲーションバーをフッターとして追加してください。

```

    <!-- TOP Page -->
    <div data-role="page" id="TopPage">
        <header data-role="header" data-position="fixed" data-theme="c">
            <h1>Monaca Memo</h1>
            <a href="#AddPage" data-icon="plus" class="ui-btn-right">Add</a>
        </header>
        <section data-role="content">
            <ul id="TopListView" data-role="listview" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" data-split-icon="delete">
            </ul>
        </section>
        <!-- 以下を追加 -->
        <div data-role="footer" data-position="fixed">
            <div data-role="navbar">
                <ul>
                    <li><a href="#" data-icon="home" class="ui-btn-active">Home</a></li>
                    <li><a href="#" data-icon="star">Favorite</a></li>
                    <li><a href="#" data-icon="gear">Settings</a></li>
                </ul>
            </div>
        </div>
    </div>
    
```