title: Saving state of html page on page refresh
body: <p>Like i mentioned in my other questions, I am building my own web application.</p>
  
  <p>Now i have this application --> Here's <a href="https://plnkr.co/edit/4GQ2VGOLT8wuhCEP3ZoG?p=preview" rel="nofollow noreferrer">Plunker</a>! You can see it better here. Where i have a tab in the header and i can navigate through multiple pages and load its content.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
     &lt;link rel="stylesheet" href="style.css"&gt;
     &lt;script src="https://code.jquery.com/jquery-1.12.4.min.js"&gt;&lt;/script&gt;
     &lt;script src="script.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  &lt;body&gt;
    &lt;a href="link1"&gt;Link 1&lt;/a&gt;
    &lt;a href="link2"&gt;Link 2&lt;/a&gt;
   &lt;div id="content"&gt;
     &lt;!-- Page content displays here --&gt; 
   &lt;/div&gt; 
  &lt;/body&gt;
  &lt;/html&gt;
  
  $(document).ready(function(){ 
   $('a').click(function(e){
    var page = $(this).attr('href');   
    $('#content').load(page + '.html');   
    return false; // don't follow the link
   }); 
  });
  </code></pre>
  
  <p>It is working fine! But i am having problems with saving the state of the page.</p>
  
  <p>For example if i am on page 2 and i refreshed the browser, the page will go back to its start state. How can i let stay on the current page on refresh.</p>
  
  <p>I am very thankful for every solution or tip!</p>