title: how to add active class on menu in codeigniter
body: <p>I'm adding an 'active' class to clicked menu bar items but it is removing when page goes to other link after click.</p>
  
  <p>This is my HTML:</p>
  
  <pre><code>&lt;ul class="nav navbar-nav"&gt;
      &lt;li class="active"&gt;
          &lt;a href="&lt;?php echo base_url(); ?&gt;news"&gt;News / Article&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;a href="&lt;?php echo base_url(); ?&gt;players"&gt;Players&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;a href="&lt;?php echo base_url(); ?&gt;forum"&gt;Forum&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="dropdown"&gt;
          &lt;a href="&lt;?php echo base_url(); ?&gt;rules" class="dropdown-toggle" data-toggle="dropdown"&gt;Rules &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
          &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;
                  &lt;a href="#"&gt;Action&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;a href="#"&gt;Another action&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;?php if(!empty($session)){ ?&gt;
      &lt;li&gt;
          &lt;a href="&lt;?php echo base_url(); ?&gt;profile"&gt;Profile&lt;/a&gt;
      &lt;/li&gt;
      &lt;?php } ?&gt;
      &lt;li&gt;
          &lt;a href="&lt;?php echo base_url(); ?&gt;gallery"&gt;Gallery&lt;/a&gt;
      &lt;/li&gt;
      &lt;?php if(empty($session)){ ?&gt;
      &lt;li&gt;
          &lt;a href="&lt;?php echo base_url(); ?&gt;register"&gt;Register&lt;/a&gt;
      &lt;/li&gt;
      &lt;?php } ?&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$(".nav li").click(function () {
      $(".nav li").removeClass('active');
      $(this).addClass('active');
  });
  </code></pre>