JQuery Mobile + MathQuill loaded to second page

Working allright on a second page

by DMINATOR

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<link rel="stylesheet" href="http://mathquill.com/mathquill/mathquill.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://mathquill.com/mathquill/mathquill.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<div id="foo" data-role="page">
    <div data-role="header">
        	<h1>Page Title</h1>

    </div>
    <!-- /header -->
    <div data-role="content">
        <p>Page content goes here.</p> <a href="#bar">bar</a>
        </p>
    </div>
    <!-- /content -->
    <div data-role="footer">
        	<h4>Page Footer</h4>

    </div>
    <!-- /footer -->
</div>
<!-- /page -->
<!-- Start of second page -->
<div data-role="page" id="bar">
    <div data-role="header">
        	<h1>Bar</h1>

    </div>
    <!-- /header -->
    <div data-role="content">
        <p>Try typing <code>x^2</code>: <span class="mathquill-editable"></span>
        </p>
        <p><a href="#foo">Back to foo</a>
        </p>
    </div>
    <!-- /content -->
    <div data-role="footer">
        	<h4>Page Footer</h4>

    </div>
    <!-- /footer -->
</div>
<!-- /page -->