JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html>
<head>
<link href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="http://jquerymobile.com/test/js/"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Page Title</h1>
</div><!-- /header -->
<div data-role="content">
<p>Page content goes here.</p>
<ul data-role="listview">
<li>
Animals
<ul>
<li>Pets</li>
<li>Farm animals</li>
<li>Wild animals</li>
</ul>
</li>
<li>
Colors
<ul>
<li><a href="index.html">Blue</a></li>
<li><a href="index.html">Green</a></li>
<li><a href="index.html">Orange</a></li>
<li><a href="index.html">Purple</a></li>
<li><a href="index.html">Red</a></li>
<li><a href="index.html">Yellow</a></li>
<li><a href="index.html">Violet</a></li>
</ul>
</li>
<li>
Automotive
<ul>
<li>Cars</li>
<li>Planes</li>
<li>Construction</li>
</ul>
</li>
</ul>
</div><!-- /content -->
<div data-role="footer">
<a href="#test" data-role="button" data-icon="delete">Test</a>
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
<div id="test" data-role="page">
<div data-role="header">
<h1>Page Title</h1>
</div><!-- /header -->
<div data-role="content">
<p>Page content goes here.1</p>
...
JavaScript
$(document).bind("mobileinit", function() {
$.mobile.page.prototype.options.addBackBtn = true;
});