title: Menu active state remain on clicked link after the page reload
body: <p>I'm having trouble with my menu. i want the active state to remain on the last clicked link.</p>
  
  <pre><code>&lt;ul id="nav"&gt;
      &lt;li class="active"&gt;&lt;a href="?field1="2"&amp;field2="test"&gt;products &lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="?field1="3"&amp;field2="test2"&gt;products2 &lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>when i click on products2 the table on the right side will populate data base on the field in url this will refresh the page. how can i remain the clicked link have the active class?</p>