title: bootstrap remove class active from nav
body: <p>I just can't remove class 'active' from navbar. I tried this : </p>
  
  <p><code>$(document).ready(function(e){
     e.stopImmediatePropagation();
     $('.nav li').removeClass('active');//or $('.active').removeClass('active');
  });</code></p>
  
  <p>Also tried this: </p>
  
  <p><code>setInterval(function(){
    $('.active').removeClass('active');//remove class active
  },1000);</code></p>
  
  <p><strong>EDIT:</strong> </p>
  
  <p>This actually works but doesn't work for me:</p>
  
  <pre><code>jQuery(document).ready(function($){$('.nav li').removeClass('active');});}
  </code></pre>
  
  <p>I have to mention that I have another navigation in dropdown which probably trigger 'active' class from Twitter Bootstrap Nav Tabs. So I think I can apply this function only on class given to main navigation?
  So I tried this:</p>
  
  <pre><code>&lt;script&gt;jQuery(document).ready(function($){$('.no-active li').removeClass('active');});} &lt;/script&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <p><code>&lt;ul id="menu-menu-1" class="nav navbar-nav no-active"&gt;</code></p>
  
  <p>But my main navigation still gets class 'active' whenever moving across:</p>
  
  <pre><code>&lt;ul class="nav nav-tabs"&gt;
  </code></pre>