title: best way to tie unique local storage to a unique web page on a domain
body: <p>I have a javascript engine that creates a 'magazine' out of a typical web page. Several web pages would have separate 'issues', all using the same javascript engine that drives the formatting and behaviour.</p>
  
  <p>The engine uses local storage to remember which 'page' of the issue the user was on when they last read the issue of the magazine.</p>
  
  <pre><code>localStorage.setItem('currentPage',JSON.stringify(currentPage));
  var currentPage = JSON.parse(localStorage.getItem('currentPage'));
  var remover = $('.article-wrapper:eq(' + currentPage + ')');
  </code></pre>
  
  <p>my problem is, if I visit page 5 of a magazine titled 'autumn', close it and open a magazine titled 'spring', then I will start on page 5 of spring automatically.</p>
  
  <p>Is there a way I can set a unique 'currentPage' variable name for each issue in the html for that issue, read it with the javascript for the engine and then have it save to local storage for the computer/device the user is using?</p>
  
  <p>You can test the problem by visiting these two sites. Open both. Go to page five of one site and then refresh the other. It will change to the others page number.</p>
  
  <p><a href="http://straathof.acadnet.ca/autumn/" rel="nofollow">http://straathof.acadnet.ca/autumn/</a></p>
  
  <p><a href="http://straathof.acadnet.ca/portfolio/" rel="nofollow">http://straathof.acadnet.ca/portfolio/</a></p>