title: How to reset background colour after it is changed by jQuery?
body: <p>First, a jsfiddle...
  <a href="http://jsfiddle.net/therocketforever/jYba3/11/" rel="nofollow">http://jsfiddle.net/therocketforever/jYba3/11/</a></p>
  
  <pre><code>//  Highlight selected linker link &amp; set all others to default.  
      $('a.linker').click(function(){
      $(this).addClass('selected');
      $(this).parent('li').siblings().find('.selected').removeClass('selected');
  
  //  Selects a random colour from the 'colors' array by getting a random value 
  //  between 0 and the length of the color array.   
      rand = Math.floor(Math.random()*colors.length);
      $(this).css("background-color", colors[rand]);
  </code></pre>
  
  <p>Now a Question,</p>
  
  <p>Firstly this code works almost exactly the way that I would like it to, A user clicks a link, the selected colour is applied to the link text, removed from the others &amp; the background of the link is set to a random color from the array of colours. Cool.</p>
  
  <p>What I would like to know is... How would I make it so that the randomly set background colour is removed from the non selected links (ie. Only the link with the .selected class has the background colour.)</p>
  
  <p>EXTRA CREDIT</p>
  
  <p>Bonas points if the same background colour is never used twice in a row. (ie. If click one sets to yellow, click two is any other colour except yellow. </p>