title: Jquery change color of list items randomly
body: <p>So im new to jquery and I want to make a new navigation menu. I want this jquery script to color my list items randomly in a variety of colors of my choosing. Lets just say red, yellow, green, blue and black. Also it should not be possible to have the same color before and after a color is selected.</p>
  
  <p>Further more I want this menu to have a hover function, so that once you hover one of the list items, all the other list items get the color of grey or another css value.</p>
  
  <p>I hope someone could help me build this.</p>
  
  <p>I know I haven't done much yet.</p>
  
  <p><strong>HTML</strong>:</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
      &lt;div id="nav"&gt;
          &lt;ul id="navigation"&gt;
              &lt;li&gt;Home&lt;/li&gt;
              &lt;li&gt;About&lt;/li&gt;
              &lt;li&gt;Products&lt;/li&gt;
              &lt;li&gt;Blog&lt;/li&gt;
              &lt;li&gt;Contact&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Jquery</strong>:</p>
  
  <pre><code>$(document).ready(function() {
      $('#navigation, li').addClass('blue');
  });
  </code></pre>
  
  <p><strong>CSS</strong>:</p>
  
  <pre><code>* {
      margin:0px; padding:0px;
  }
  body {
      background-color:#999;
  }
  
  #wrapper {
      width:960px; margin:auto; background-color:#CCC;
  }
  .blue {
      color:#567;
  }
  </code></pre>
  
  <p>Demo on jsfiddle, link: <a href="http://jsfiddle.net/iBertel/vbpXP/11/" rel="nofollow">http://jsfiddle.net/iBertel/vbpXP/11/</a></p>