jQM 1.4 Remove element on another page

by Erik Zanker

HTML

<div data-role="page" id="page1">
     <div data-role="header">
        <h1>My page 1</h1> 
    </div> 	
    <div role="main" class="ui-content">
        <a href="#page2" class="ui-btn">Go to page 2</a>
        <div id="removeMe">
            this will be removed via a button click while you are on page 2            
        </div>
    </div> 

</div>  

<div data-role="page" id="page2">
     <div data-role="header">
        <h1>My page 2</h1> 
    </div> 	
    <div role="main" class="ui-content">
        <button id="btnRemove">Remove Element from Page 1</button>
        <a href="#page1" class="ui-btn">Go back to page 1</a>

    </div> 

</div>

CSS

#removeMe {
    background: red;
    color: white;
}

JavaScript

$(document).on("pagecreate", "#page2", function(){
    $("#btnRemove").on("click", function(){
        $("#removeMe").remove();
    });

});