title: jQuery mobile "page" not loading when clicking link
body: <p>Basically my problem is that my data-role="page" in my jquery mobile website is not working when linked from a certain page, and does work when linked from another.</p>
  
  <p>When it doesn't load when the html page is linked from a certain page, nothing happens when I click the link. <strong>The url doesn't even change and stays like "page.html" instead of "page.html#anotherpage"</strong></p>
  
  <p>Any ideas on this?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;title&gt;test&lt;/title&gt;
      &lt;link rel="stylesheet" href="./css/jquery.mobile-1.4.5.min.css"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
      &lt;!----------------------- PAGE 1 -------------------------------&gt;
  
      &lt;div id="view-profile-page" data-role="page"&gt;
  
  
          &lt;ul data-role="listview" class="ui-listview"&gt;
              &lt;li class="ui-first-child"&gt;
                  &lt;a href="#edit-profile-page" class="ui-btn ui-btn-icon-left ui-icon-edit"&gt;Go to page 2&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
  
  
      &lt;/div&gt;
  
      &lt;!------------------------ PAGE 2 ------------------------------&gt;
  
      &lt;div id="edit-profile-page" data-role="page"&gt;
  
  
          &lt;!-- CONTENT --&gt;
          &lt;div role="main"&gt;
  
              Page 2!
  
          &lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;!-- jQuery core --&gt;
      &lt;script src="./js/jquery-1.12.4.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- jQuery Mobile --&gt;
      &lt;script src="./js/jquery.mobile-1.4.5.min.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>