Untitled

 <!DOCTYPE html>
    <html>
    <head>
    <title>My Page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    =<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>

<div data-role="page" id="1">

	<div data-role="header">
		<nav data-role="navbar" style="position:fixed;
   left:0px;
   bottom:0px;
   width:100%;
">
<ul>
	<li><a href="#1" data-role = "button" data-transition="fade"  rel="external" data-transition="pop" class="ui-btn-active">1 </a></li>
	<li><a href="#2" data-role = "button" data-transition="fade" rel="external" >2</a></li>
<li><a href="#3" data-role = "button" data-transition="fade" rel="external">3</a></li>
	</ul>
		</nav>


	<div data-role="content">
		<p>1</p>
	</div><!-- /content -->

</div><!-- /page -->
<div data-role="page" id="2">

	<div data-role="header">
		<div data-role="header">
		<nav data-role="navbar" style="position:fixed;
   left:0px;
   bottom:0px;
   width:100%;
">
<ul>
	<li><a href="#1" data-role = "button" data-transition="fade"  rel="external" data-transition="pop" class="ui-btn-active">1 </a></li>
	<li><a href="#2" data-role = "button" data-transition="fade" rel="external" >2</a></li>
<li><a href="#3" data-role = "button" data-transition="fade" rel="external">3</a></li>
	</ul>
		</nav>
	</div><!-- /header -->

	<div data-role="content">
		<p>2</p>
	</div><!-- /content -->

</div><!-- /page -->
<div data-role="page" id="3">

	<div data-role="header">
		<div data-role="header">
		<nav data-role="navbar" style="position:fixed;
   left:0px;
   bottom:0px;
   width:100%;
">
<ul>
	<li><a href="#1" data-role = "button" data-transition="fade"  rel="external" data-transition="pop" class="ui-btn-active">1 </a></li>
	<li><a href="#2" data-role = "button" data-transition="fade" rel="external" >2</a></li>
<li><a href="#3" data-role = "button" data-transition="fade" rel="external">3</a></li>

	</ul>
		</nav>
	</div><!-- /header -->

	<div data-role="content">
		<p>3</p>
	</div><!-- /content -->

</div><!-- /page -->
</body>
</html>