title: jQuery Mobile multi-page template requests wrong page
body: <p>I've been playing around with jQuery and jQuery mobile for a few weeks. I have a pretty simple example which seems to indicate a pretty nasty jQuery mobile bug, so I wanted to see if there's something I'm doing that's wrong. </p>
  
  <p>What's happening is that I have one page (call it index2.html) which serves as the homepage. I then have a second page (dc2.html) which is where the webapp's main functionality resides. dc2.html is a multi-page template; i.e. it contains two divs that declare data-role="page". As you might guess, within dc2.html I provide links from the first "page" div to the second "page" div, and vice-versa.</p>
  
  <p>If I manually enter the URL for dc2.html directly into my browser, then this interaction works fine. However, if I start on index2.html and follow its link to dc2.html, then I click/tap on the link to load the second 'data-role="page"' div, the browser instead makes a network call to index2.html and loads that again!</p>
  
  <p>In case it matters, the URLs are like <strong>www.XXXX.com/software_utilities/mobile/index2.html</strong> and <strong>www.XXXX.com/software_utilities/mobile/dc2.html</strong>, so they are in nested folders, although both are within the same nested folder.</p>
  
  <p>Here's the code (of course stripped down to the essentials to demo this issue) for index2.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
      &lt;title&gt;Page Title&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css" /&gt;
      &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;!-- Start of first page --&gt;
  &lt;div data-role="page"&gt;
  
      &lt;div data-role="header"&gt;
              &lt;h1&gt;Utilities&lt;/h1&gt;
      &lt;/div&gt;&lt;!-- /header --&gt;
  
      &lt;div data-role="content"&gt;
              &lt;ul data-role="listview" data-inset="true" data-theme="d"&gt;
                      &lt;li&gt;&lt;a href="/software_utilities/mobile/dc2.html"&gt;DC&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
      &lt;/div&gt;&lt;!-- /content --&gt;
  
  &lt;/div&gt;&lt;!-- /page --&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and the code for dc2.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
      &lt;title&gt;Date Format&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css" /&gt;
      &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"&gt; &lt;/script&gt;
      &lt;script type="text/javascript" src="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;!-- Start of main page --&gt;
  &lt;div data-role="page" id="main"&gt;
      &lt;div data-role="header"&gt;
              &lt;a href="index2.html" data-direction="reverse" data-role="button" data-inline="true"&gt;Home&lt;/a&gt; &lt;h1&gt;Page One&lt;/h1&gt;
      &lt;/div&gt;&lt;!-- /header --&gt;
  
      &lt;div data-role="content"&gt;
                              &lt;a href="#page_two"&gt;Click/tap me to go to page 2&lt;/a&gt;
      &lt;/div&gt;&lt;!-- /main content --&gt;
  &lt;/div&gt;&lt;!-- /main page --&gt;
  
  &lt;div data-role="page" id="page_two"&gt;
      &lt;div data-role="header"&gt;
              &lt;a href="#main" data-direction="reverse" data-role="button" data-inline="true"&gt;Back&lt;/a&gt; &lt;h1&gt;Page Two&lt;/h1&gt;
      &lt;/div&gt;&lt;!-- /header --&gt;
  &lt;/div&gt;&lt;!-- /dateformat page --&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>Any insight would be greatly appreciated; thanks!                                                                                                            </p>