JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>

<div data-role="page">
    <div data-role="content">
        <p>Footer Test</p>
    </div>
    <div data-role="footer">
        <div data-role="navbar" data-iconpos="right">
            <ul class="ui-grid-a">
                <li class="ui-block-a">
                    <a href="#" class="help_button" data-icon="info" data-iconpos="right" data-wrapperels="span" title="Help">Help</a>
                </li>
                <li class="ui-block-b">
                    <a href="#" id="save_button" data-wrapperels="span" data-iconpos="right" name="save_button">Save</a>
                </li>
            </ul>
        </div>
    </div>
</div>