Ciao a tutti.

Io ho un problema che non so come affrontare.

Nella mia web app in jquery mobile ho file con diverse pagine dentro identificate da un'ancora
#home #dettaglio etc...

Faccio una chiamata Ajax in Jquery che mi carica delle specifiche di un prodotto.

Una volta caricata la pagina delle specifiche la mia url sarà così:
www.miosito.it/iphone/index.html#dettaglio

e nella pagina i risultati caricati.

Volevo sapere se c'è un modo per memorizzare questa pagina quando faccio un refresh. Perchè ora al refresh i dati caricati spariscono.
Con le sessioni non posso fare nulla quindi in javascript volevo sapere se c'era qualche soluzione.

Vi posto il codice della chiamata
codice:
$('#prod-list a').live('click',function(){ 
			var data = $(this).attr('data-url');
			var id = $(this).attr('id')
			var page = $(this).attr('href');
			$.ajax({
 
				url: 'http://www.quamm.it/temp/mcmobile/ajx/prova.php',
 
				type: 'POST',
 
				data: {id:id},
 
				dataType: 'json',
 
				success: function(data) {
						$('#imgcaption').cycle('destroy');
						
						$.each(data.foto, function(index, value){
 
							$('#imgcaption').append('<div>[img]' + value + '[/img]</div>');			
 
	                                         });

                                }
 
});

----------------la pagina html è composta così scremata del codice superfluo per questo esempio----------------------

<div id="biciclette" class="pagebox" data-role="page" data-theme="cp"> 
		 
		<div id="header">  
		</div> 
		 
                <div>
                <ul id="prod-list"> 
                                 
				[*] [/list]
		</div> 
		 
		<div id="footer"> 
		</div> 
	</div>

<div id="dettaglio" class="pagebox" data-role="page" data-theme="cp"> 
		 
		<div id="header">  
		</div> 
		 
                <div>
		</div> 
		 
		<div id="footer"> 
		</div> 
	</div>

Grazie, spero che qualcuno riesca a indirizzarmi bene perchè sono un po' disperato