I have nearly finished my hybrid phonegap and jquery mobile app development and thought things were going well until I tested the application on a HTC desire / Legend using the trackball for navigation.

Now when selecting a button that links to relative url i.e  $.mobile.changePage( "friends.html") all the css and JS seems to be removed from the page, however this does not happen on the index page only on subsequent pages - I assume this has something to do with ajax replacing the 'page' content as the assets(css/js) for the application reside on the index page. 

I have done some tests on the window location before and after and it seems the window location changes when the trackball is clicked to the html page(friends.html) rather than hash url (indext.html#friends.html) meaning the content of that page has no js / css assets thus why the page looses its styles and JS functionality.

Any ideas on what could be making the pages refresh from clicking a link with the trackball? 

Any help is much appreciated :)

Ant