JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css">
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
<div id="serviceDetailsPage" data-role="page">
    <div data-role="header" data-position="fixed" data-tap-toggle="false" data-theme="e">
    </div>

    <div data-role="content">
        <a class="loadAudio" data-role="button" data-mini="true" data-inline="true" href="#testPage">test</a>
    </div>

    <div data-role="footer" class="footerLinks" data-position="fixed"> 
    </div>
</div>

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

    <div data-role="header" data-position="fixed" data-tap-toggle="false" data-theme="e">
    </div>

    <div data-role="content">
        testPage
    </div>

    <div data-role="footer" class="footerLinks" data-position="fixed"> 
    </div>
</div>

JavaScript

$('#testPage').live('pagecreate', function() {
    console.log(window.location.hash); //returns an empty string
    console.log(window.location.href); //returns old URL
});