title: jQuery add class to div while removing it from others
body: <p>Hello I am trying to make a navigation constructed from DIV's which uses jQuery AJAX function to load pages.</p>
  
  <p>The thing I want to is is when user clicks say on Pages then Dashboard or what ever active page they are on has class called active removed and added to the new clicked one</p>
  
  <pre><code>&lt;div class="dijit active" id="dijit_dashboard"&gt;Dashboard&lt;/div&gt; 
  &lt;div class="dijit" id="dijit_pages"&gt;Pages&lt;/div&gt;
  </code></pre>
  
  <p>jQuery code which doesn't quite do the work.</p>
  
  <pre><code>$("#dijit_pages").click(function() { 
      $("#dijit_utm").load('index.html'); 
      $(this).addClass("active");
  });
  </code></pre>
  
  <p>but I am not sure how to remove class active from all others.</p>