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">
<link rel="stylesheet" href="http://jquerymobile.com/demos/1.0b1/docs/_assets/css/jqm-docs.css">
<div data-role="page" class="type-interior" id="Home">
		<div data-role="header" data-theme="b" >
				<h1>Header</h1>
		</div> <!-- /header -->

		<div data-role="content">
			<div class="content-primary">
			</div><!--/content-primary -->		
			<div class="content-secondary" >
		   <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
						<h3>Content</h3>
			<ul data-role="listview" data-theme="c" data-dividertheme="d" id="podcastList">
					<li  data-theme="a"><a href="#">Page 1</a></li>
					<li><a href="page2.php">Page 2</a></li>	
					<li ><a href="page3.php">Page 3</a></li>
					</ul>
		</div>
	    </div>	
	</div><!-- /content -->	
	<div data-role="footer" class="footer-docs" data-theme="c">
		<p class="jqm-version"></p>
	</div>	
			
			
		</div><!-- /page -->

JavaScript

$(document).ready(function() {
	$('.content-primary').html("Content of page 1"); // This is line just in this example
    //$(".content-primary").load("content-of-page.php"); // but I used this code on all my pages 
});