title: jquery events not firing on returning back to a page?
body: <p>I have a mobile application which uses ajax for fetching data and showing that on screen. The application works fine.</p>
  
  <p>I have a <em>search_member</em> page. when i click a button, it shows a list of customers, on clicking each customer, it goes to a details page and there is a button on the details page which navigates to <em>create_new_ loan</em> page to fill in some info.</p>
  
  <p>I am using a side panel menu in all the pages. </p>
  
  <pre><code>  &lt;div data-role="panel" data-position-fixed="true" data-display="push" data-theme="b" id="nav-panel"&gt;
          &lt;ul data-role="listview"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="../View/CreateNewLoan_tablet.html"&gt;New Application&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="../View/Search_tablet.html"&gt;Member Search&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Settings&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>When I select the <em>Member Search</em> menu, its navigating to that page, but the document.ready() or button click events on that page are not firing.</p>
  
  <pre><code> $(document).ready(function () {
  
              debugger;
  });
  </code></pre>
  
  <p>What is the reason for that?</p>