Estou tentando colocar uma classe active no navbar, estou usando bootstrap, o que acontece é que quando clico na li chega a aparecer a cor do background porém logo some. Segue o código que estou usando o css:
.navbar-nav > .active {
background-color: green !important;
}
o jquery
$('ul.navbar-nav > li ').click(function() {
$('ul.navbar-nav > li').removeClass('active');
$(this).addClass('active');
});
o html
<div class="collapse navbar-collapse" id="navcollapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li class="dropdown"><a class="dropdown-toggle" data-
toggle="dropdown" aria-haspopup="true" aria-expanded="false"
href="#">Serviços</a>
<ul class="dropdown-menu">
<li><a href="dados.html">Dados</a></li>
<li><a href="ficha.html">ficha</a></li>
/ul>
</li>
<li><a href="noticias.html">Notícias</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>