title: keeping the navigation link active
body: <p>what is the problem in the code its not working and also i have checked other methods but still the same problem. 
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('li a').click(function() {
        $('a').removeClass('active');
          $(this).addClass('active');
          
          
      });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.active   
  {
      text-decoration: none;
      color: #03B003;
      background-color: red;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul class="nav-list"&gt;
          &lt;li&gt;
            &lt;a href="/portfolio"&gt;Portfolio&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a href="/work"&gt;Projects&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a href="/resume"&gt;Resume&lt;/a&gt;
          &lt;/li&gt;
        &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>