Primero daros las gracias por vuestro tiempo invertido en leer la pregunta.

Estoy realizando una aplicación con Jquery Mobile y mi duda es la siguiente.

Tengo todo el html que se necesita para visualizar la aplicación en un index.html, cuando el usuario interactua con algún elemento del doom se carga una parte del contenido del index.html y otra parte dinámicamente después de procesar la respuesta del servidor con los datos que quiere visualizar el usuario. Hasta aquí todo correcto, el problema viene cuando estás en una "pantalla" que parte de ella se ha generado dinámicamente y refrescas la página, evidentemente se carga la parte estática de la página y se pierde toda la parte dinámica que se ha generado.

Ejemplo concreto: Cuando el usuario se loguea con su cuenta y quiere ver su perfil, se carga la vista estática HTML que contiene diferentes inputs que dependiendo del usuario que se ha logueado contendrá una información u otra, si después de haber cargado la página con sus datos, dicha página se refresca, se borra todo el contenido dinámico de la misma y se queda toda la parte estática del HTML, con los inputs vacios.

Quisiera saber si hay alguna solución fácil, para que al recargar la página se pueda seguir visualizando todo el contenido, ya sea estático o dinámico.

Gracias a todos. Un saludo.