I have a jQuery Mobile Site that is using anchor tagging for navigation. The site has a URL like http://domain_name_here.com/smartphone/home.jsp. When I navigate to a page within the site, for example a product, a link would take you to #product?id=XXX and everything works fine.
However, in Firefox 3.6, I have a link that takes users to #home <a href="#home" data-icon="arrow-l" data-direction="reverse">Back</a> but when a user clicks on it, they are taken to "#/smartphone/home.jsp" instead of the expected "#home." The URL in Firefox 3.6 looks like "http://domain_name_here.com/smartphone/#smartphone/home.jsp" after clicking on the link defined above. This problem seems unique to Firefox 3.6 and it works perfectly fine on all other browsers.
I was wondering if anyone else has experienced this problem, and if so, is there anyway to fix it. The point of using the hash tag is to not reload the page, so a solution that would require the page being loaded again is not valid.