title: jQuery mobile page navigation behaviour
body: <p>I have a very simple .NET MVC3 project set up using jquery mobile for rendering to mobile devices.</p>
  
  <p>I have one page...</p>
  
  <pre><code>www.mydomain.com/landingpage
  </code></pre>
  
  <p>and on this page I have a link to another page:</p>
  
  <pre><code>www.mydomain.com/homepage
  </code></pre>
  
  <p>My problem is this, the link from landing page works fine - loads, animates and returns the content correctly. </p>
  
  <p>However once on the homepage, all the homepage links no longer work. Homepage contains about 3 different jquery mobile "pages" and trying to link to them is not working. This is due to the hash format, it's still showing something similar to:</p>
  
  <pre><code>www.mydomain.com/landingpage#homepage
  </code></pre>
  
  <p>So when link is generated it looks something like this:</p>
  
  <pre><code>www.mydomain.com/landingpage#homepage
  </code></pre>
  
  <p>Then when I link to one of the other pages similar to this:</p>
  
  <pre><code>a href="#homepage2"&gt;Homepage 2&lt;/a&gt;
  </code></pre>
  
  <p>Clicking the link takes the user back to the initial landing page and updates the URL to something similar to:</p>
  
  <pre><code>www.mydomain.com/landingpage#homepage2
  </code></pre>
  
  <p>But I'm fairly sure it should look more something like this:</p>
  
  <pre><code>www.mydomain.com/homepage#homepage2
  </code></pre>
  
  <p>I can get it working correctly by using rel="external" on the first link but I'd like to avoid this as it reloads the page and you lose page transition animation etc.</p>
  
  <p>Any ideas much appreciated :)</p>