title: jQuery Mobile and anchor links requesting wrong page
body: <p>I have developed a rails application the main feature of which is a business search page which functions by showing a page of business results and a form which allows the user to further search/filter the results.</p>
  
  <p>Recently I have implemented a mobile interface to this application using jQuery Mobile with the following setup:</p>
  
  <p>The business results page is that it has two div's with a data-role of "page". The first one is the actual page full of results which a user sees when they visit, the second jQuery Mobile page has the HTML id "search-form" and contains the form fields necessary to filter the results.</p>
  
  <p>In the header bar of the first page there is a button that links to #search-form with a data-rel of dialog.</p>
  
  <p>This works perfectly if someone goes directly to site.com/businesses and then clicks the link, jQuery Mobile properly loads site.com/businesses#search-form into the modal dialog and the worm works, however if they begin their browsing session on any other page, the dialog always contains the content of their original page.</p>
  
  <p>For example if they come to the site at site.com/someotherpage then somehow navigate to site.com/someotherpage#/businesses and click the filter button, jQuery Mobile incorrectly requests and populates the dialog with the content site.com/someotherpage#search-form</p>
  
  <p>I've tried changing the filter link from #search-form to actually hard-code the full absolute path to the current page with #search-form and nothing works.</p>
  
  <p>Thanks in advance, I'm going crazy with this one! It's the only thing preventing me from deploying our mobile version.</p>