JSFiddle - React, Tailwind, and code Playground

HTML

<div data-role="page" id="first">
<div data-role="header" data-id="my-header" data-position="fixed">
    <h1>First</h1>
</div><!-- /header -->

<div data-role="content">    
    <p>The content</p>        
    <p>View internal page called <a href="#second">second</a></p>    
</div><!-- /content -->

	
<div data-role="footer" data-id="foo1" data-position="fixed">
	<div data-role="navbar">
		<ul>
			<li><a href="a.html">Info</a></li>
			<li><a href="b.html">Friends</a></li>
			<li><a href="c.html">Albums</a></li>
			<li><a href="d.html">Emails</a></li>
		</ul>
	</div><!-- /navbar -->
</div><!-- /footer -->
</div>

<div data-role="page" id="second">
<div data-role="header" data-id="my-header" data-position="fixed">
    <h1>Second</h1>
</div><!-- /header -->

<div data-role="content">    
    <p>I'm the second content</p>        
    <p><a href="#first">Back to first</a></p>    
    <div id='target'><p>This text will be replaced in 3 seconds</p></div>
</div><!-- /content -->

	
<div data-role="footer" data-id="foo1" data-position="fixed">
	<div data-role="navbar">
		<ul>
			<li><a href="a.html">Info</a></li>
			<li><a href="b.html">Friends</a></li>
			<li><a href="c.html">Albums</a></li>
			<li><a href="d.html">Emails</a></li>
		</ul>
	</div><!-- /navbar -->
</div><!-- /footer -->
</div>

JavaScript

new Request.HTML({
    url: 'http://jsfiddle.net/uwfHJ/39/',
    data: {
        html: "<p>Text echoed back to request</p>" + "<script type='text/javascript'>$('target').highlight();<\/script>",
        delay: 3
    },
    method: 'post',
    update: 'target'
}).send