title: How To Set/Keep 'active' class on link or li when redirect to another page?
body: <p>In my View i have navigation but problem is when i click on link and redirect me to that page it lose active class and it again become the home to active. Can anyone please help me or point me in the right direction!<br>
  Thanks in advance.</p>
  
  <p>View:</p>
  
  <pre><code>&lt;!-- Side Navbar --&gt;
    &lt;nav class="side-navbar shrinked"&gt;
  
        &lt;!-- Sidebar Navidation Menus--&gt;
        &lt;ul class="list-unstyled"&gt;
            &lt;li class="active"&gt;&lt;a href="/User/Home"&gt; &lt;i class="icon-home"&gt;&lt;/i&gt;Home &lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="/User/AddEmployee"&gt; &lt;i class=" icon-grid"&gt;&lt;/i&gt;EMP &lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="/User/AddUser"&gt; &lt;i class="fa fa-bar-chart"&gt;&lt;/i&gt;User &lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
  
    &lt;/nav&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>&lt;script&gt;
      $(function () {
  
          $('nav.side-navbar ul li a').on('click', function () {
              $(this).parent().addClass('active').siblings().removeClass('active');
          });
  
  
      });
  &lt;/script&gt;
  </code></pre>