title: jQuery add class and remove all others
body: <p>So I have some nav anchors. I want to change some basic color schemes on the page when these are clicked. The only way I've been able to do this is with the code below.</p>
  
  <p>It works fine, but I can't help but think there is a more elegant way. Does anybody know if it's possible to strip the classes in one foul swoop?</p>
  
  <p>EDIT: This could have been more clear. I didn't want the original classes gone. Just the classes added with jQuery I guess. Sorry for the confusion. </p>
  
  <p>Thanks.</p>
  
  <p>EDIT: SEE <a href="http://jsfiddle.net/sheriffderek/EXq83/" rel="noreferrer">THIS FIDDLE</a></p>
  
  <p>Tried to implement all solutions.</p>
  
  <p>getting an "{"error": "Please use POST request"}" though...</p>
  
  <p>EDIT: this was because of href="?" vs. href="#" as pointed out.</p>
  
  <pre><code>    $(".home").click(function() {
          $(".primary-color").addClass("one");
              $(".primary-color").removeClass("two"); 
              $(".primary-color").removeClass("three");   
              $(".primary-color").removeClass("four");    
              $(".primary-color").removeClass("five");           
      });
  
      $(".services").click(function() {
          $(".primary-color").addClass("two");
              $(".primary-color").removeClass("one");
              $(".primary-color").removeClass("three");   
              $(".primary-color").removeClass("four");    
              $(".primary-color").removeClass("five");       
      });
  
      $(".pricing").click(function() {
          $(".primary-color").addClass("three");
              $(".primary-color").removeClass("one");
              $(".primary-color").removeClass("two");     
              $(".primary-color").removeClass("four");    
              $(".primary-color").removeClass("five");       
      });
  
      $(".special-thing").click(function() {
          $(".primary-color").addClass("four");
              $(".primary-color").removeClass("one");
              $(".primary-color").removeClass("two"); 
              $(".primary-color").removeClass("three");   
              $(".primary-color").removeClass("five");   
      });
  
      $(".contact").click(function() {
          $(".primary-color").addClass("five");
              $(".primary-color").removeClass("one");
              $(".primary-color").removeClass("two"); 
              $(".primary-color").removeClass("three");   
              $(".primary-color").removeClass("four");     
      });
  </code></pre>