Passing data between pages html5
===

I'm currently upgrading a mobile website i have to Html5/php, Before i had a lot of different php pages but now im using a single html5/php page.

On the old site i would pass variables via the url and use $_GET to retrieve them, although i'm struggling to work out an easy alternative in html5.

I am using Jquery mobile in my new site also, although i'm unfamiliar with it.

an example of my html is as follows.

  

    <div data-role="page" data-title="Page One" id="home">
             <div data-position="fixed" data-role="header">
             <h1>Pageone</h1>
        </div>
    
      <div data-role="content" data-theme="a">
       	<ul class="menu">
    		<li class="icn_browse"><a href="#browse?wtd=10">Browse</a><span></span></li>
       
               </ul>
            </div>
        </div>
    
    
    
      <div data-role="page" data-title="Page two" id="browse">
             <div data-position="fixed" data-role="header">
             <h1>Pagetwo</h1>
        </div>
    
      <div data-role="content" data-theme="a">
       	
    <!-- need to access the data from the home page here, more specifically the content of $_GET['wtd'] -->
    
            </div>
        </div>


So i need to pass data from #home to #browse,  Any help would be appreciated. Thanks
