Javascript change à dom perdu lorsque le bouton de retour est pressé

J'ai cette vue qui modifie le texte dans une div.

L'utilisateur peut ensuite cliquer sur un lien pour accéder à une autre page. Mais lorsque l'utilisateur appuie sur le bouton «arrière», tous les changements DOM sont perdus.

FF se souvient du texte div modifié mais Chrome et IE ne le font pas.

J'ai trouvé une question similaire, mais dans mon cas, il n'est pas possible de résumer l'état par un hash url parce que le div contient des données aléatoires.

J'ai besoin, c'est que lorsque l'utilisateur retourne, le div est rempli à partir de la série de nombres identique.

<script type="text/javascript"> function ChangeText() { var newText = ""; for (var i = 0; i < 10; i++) { newText = newText + Math.random() * 100; newText = newText + "<br />"; } $("#container").html(newText); } </script> <div id="container"> INITIAL TEXT </div> <button onclick="ChangeText()">Click here to generate random numbers</button> <br/> <a href="http://www.google.com">External link</a>