JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css">
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<div data-role="page" id="reportProduction">
    <div data-role="content">
        <a data-role="button" href="#page_2">Navigate Away</a>
    </div>
</div>

<div data-role="page" id="page_2">
    <div data-role="content">
        <a data-role="button" href="#reportProduction">Report Production</a>
    </div>
</div>

JavaScript

var focusOnQuantity = function () {
    //$("#quantity").focus();
    //alert('test');
    var now = new Date().getTime();
    $('#reportProduction').children('[data-role="content"]').append('<div>pageshow fired --> ' + now + '</div>');
};

$(document).delegate('#reportProduction', 'pageshow', focusOnQuantity);