Я пытаюсь удалить и установить активный класс для элемента списка при каждом нажатии. В настоящее время он удаляет выбранный активный класс, но не устанавливает его. Любая идея, что мне не хватает?
HTML
<ul class="nav nav-list">
<li class='nav-header'>Test</li>
<li class="active"><a href="page1.php">Page 1</a></li>
<li><a href="page2.php">Page 2</a></li>
<li><a href="page3.php">Page 3</li>
</ul>
JQuery
$('.nav-list').click(function() {
//console.log("Clicked");
$('.nav-list li.active').removeClass('active');
$(this).addClass('active');
});