title: How to keep .current class even if page refresh
body: <p>I have following script that adds current class to <code>&lt;li&gt;</code> in a Joomla based website:</p>
  
  <pre><code>$(function(){
    $("#slide-menu &gt; li ").click(function(e){
      e.preventDefault();
      $("#slide-menu &gt; li ").addClass("current").not(this).removeClass("current");
    });
  });
  </code></pre>
  
  <p>But when I click on the link page refresh and current class disappear 
  Here is my html:</p>
  
  <pre><code>&lt;ul id="slide-menu" class="menu menu-sidebar"&gt;
    &lt;li class="level1 item187"&gt;
      &lt;a class="level1" href="/plastikovye-okna-i-dveri/other/plastikovye-okna-i-dveri"&gt;
       &lt;span&gt;Пластиковые окна&lt;/span&gt;
      &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1 item188"&gt;
      &lt;a class="level1" href="/plastikovye-okna-i-dveri-2/uncategorised/okna-rehau"&gt;
       &lt;span&gt;Входные двери&lt;/span&gt;
      &lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>