title: Remove active class from bootstrap navbar links
body: <p>I'm coding navbar in bootstrap and I've social media links added on the right side of the navbar, if links are clicked they are opened in a new window. I want to make so social media links would not get active class on a click.</p>
  
  <pre><code>&lt;ul class="nav navbar-nav navbar-right"&gt;
      &lt;li id="facebook"&gt;
          &lt;a href="#" target="_blank"&gt;&lt;i class="fa fa-lg fa-facebook"&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;/li&gt;  
      &lt;li id="twitter"&gt;
          &lt;a href="#"  target="_blank"&gt;&lt;i class="fa fa-lg fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;/li&gt; 
      &lt;li id "google-plus"&gt;
          &lt;a href="#"  target="_blank"&gt;&lt;i class="fa fa-lg fa-google-plus"&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;/li&gt; 
  &lt;/ul&gt;
  </code></pre>
  
  <p>This is what I tried, but it doesn't work and I don't know why? link1, would be default active link for that page.</p>
  
  <pre><code>&lt;script&gt;
      $(".nav li").click(function() {
          $(".nav li#link1").addClass('active');
          $(".nav li#facebook").removeClass('active');
          $(".nav li#twitter").removeClass('active');
          $(".nav li#google-plus").removeClass('active');
      });
  &lt;/script&gt;
  </code></pre>