prefetching in $routeProvider

[sirair]

I use the following code to make prefetching.

mod.config(function($routeProvider) {
  $routeProvider.when('/', {
    templateUrl: '#page1',
    resolve: {
      prefetchPages: function() {
        $.mobile.loadPage( 'page2.html', { role: 'page' ,prefetch: true } );
        $.mobile.loadPage( 'page3.html', { role: 'page' ,prefetch: true } );
        $.mobile.loadPage( 'page4.html', { role: 'page' ,prefetch: true } );
         .....
        return true;
      }
    }
  });
 $routeProvider.when('/page2', {
    templateUrl: '#page2
});
....

I have the problem that I prefetch all the 10 pages in my app and when I navigate from index page to page2 the index page is removed from the dom. So when I go back to index page, it will be loaded again.
How can I reach that all pages exist in the dom for all time?