jQuery Mobile 2-page Base Fiddle

by bizamajig

HTML

<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css">
<div data-role="page" id="p1"> 
    <div  data-role="header"><h1>Header Page 1</h1></div> 
    
    <div  data-role="content">
        <a  id="myDynamicLink" data-role="button">Pass a new argument to the same page</a>
        <div id="numberLabel">
        
        </div>
    </div> 
    
    <div  data-role="footer"><h4>Footer</h4></div> 
</div>

JavaScript

function getQueryStringValue(queryString, key) {
    var queryStringMarker = "&";
    var keyStr = key + "=";
    var keyEndPosition = queryString.indexOf(keyStr, 0) + keyStr.length;
    var queryStringMarkerPosition = queryString.indexOf(queryStringMarker, keyEndPosition) != -1 ? queryString.indexOf(queryStringMarker, keyEndPosition) : queryString.length;
    return queryString.substr(keyEndPosition, queryStringMarkerPosition - keyEndPosition);
}
$('#p1').live('pageshow', function(event) {
     var number = parseInt(getQueryStringValue(window.location.href, 'numb'));
     $('#numberLabel').html(number);
    number = number + 1;
    $('#myDynamicLink').attr('href',  '#p1?numb='+number );
}