JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Blog App</title>     
    <meta name="viewport" content="width=device-width, initial-scale=1" /> 
    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.js"></script>
</head> 

<body>
    
    <!-- Start of listing page -->
    <div id="PageList" data-role="page"> 
        <div data-role="header">
            <h1>Pages</h1>
        </div>
        <div data-role="content" class="content">
            <ul data-role="listview" id="PageListItems">
                <li data-pageid='15'><a href='#AddEditPage?action=edit&pageid=15' class='select'>Example Page</a></li>
            </ul> 
        </div> 
        <div data-role="footer" data-position="fixed">
            <h4><a data-icon="plus" href="#AddEditPage?action=add" data-role="button">Add a page</a></h4>
        </div>
    </div>
    
    <!-- Start of the add/edit page -->
    <div id="AddEditPage" data-role="page"> 
        <div data-role="header">
            <a href="#PageList" data-role="button" data-direction="reverse">Back</a>
            <h1></h1>
        </div>
        <div data-role="content" class="content">
            <form action="#" method="post" id="AddEditPageForm" data-ajax="false">
            ....
            </form>
        </div> 
        <div data-role="footer" data-position="fixed">
            ...
        </div>
    </div>

</body>
</html>

JavaScript

$("#AddEditPage").live("pageshow", function(event) {
   alert(window.location.href); 
});