jQuery добавляет класс в div, удаляя его из других

Здравствуйте, я пытаюсь создать навигацию на основе DIV, которая использует функцию jQuery AJAX для загрузки страниц.

Я хочу, чтобы когда пользователь нажимал, скажем, на Pages, затем на панели инструментов или на любой активной странице, на которой они находятся, класс с именем active был удален и добавлен в новый

<div class="dijit active" id="dijit_dashboard">Dashboard</div> 
<div class="dijit" id="dijit_pages">Pages</div>

код jQuery, который не совсем выполняет работают.

$("#dijit_pages").click(function() { 
    $("#dijit_utm").load('index.html'); 
    $(this).addClass("active");
});

но я не знаю, как удалить активный класс из всех остальных.