HTML5 gå till page i annat html dokument

Hej,

Jag försöker lära mig hur man gör mobil-applikationer i HTML5 och har nu stött på ett problem.

Jag har denna kod på index.html:

<div data-role="page" id="page">
	<div data-role="header">
		<h1>Test</h1>
	</div>
	<div data-role="content">	
		<ul data-role="listview">
     	        	<li><a href="windows.html#windows">Windows</a></li>
		</ul>		
	</div>
</div>

windows.html:

<div data-role="page" id="windows">
	<div data-role="header">
		<h1>Windows</h1>
	</div>
	<div data-role="content">	
		<ul data-role="listview">
     	   		 Test
		</ul>			
	</div>
</div>

Jag vill att den ska gå till http://localhost/windows.html#windows men istället går den till http://localhost/index.html#windows.html#windows. Hur gör jag så att den går till windows.html och visar sidan #windows? Jag tycker det blir väldigt plottrigt om man ska lägga in alla pages i samma dokument och det lär ta lång tid att ladda så det måste ju gå att göra på något sätt.

page och content
"/windows.html#windows" fungerar men back-knappen försvinner och den vill jag ha kvar.

Läste den där länken och man ska tydligen lägga till rel="external" i länken men detta tar bort "back" knappen :/ antar att jag måste lägga alla pages i index.html då alltså...