title: jQuery get random color from a given list
body: <p>I would like to set a random color for the text of a fadeIn/Out text function I have</p>
  
  <p>The functions (which works):</p>
  
  <pre><code>jQuery("div.custom_logo").ready(
  
      function(){
  
          //initial fade-in time (in milliseconds)
          var initialFadeIn = 1500;
  
          //interval between items (in milliseconds)
          var itemInterval = 2000;
  
          //cross-fade time (in milliseconds)
          var fadeTime = 500;
  
          //count number of items
          var numberOfItems = jQuery("div.custom_logo").children().length;
  
          //set current item
          var currentItem = 0;
  
          //show first item
          jQuery("div.custom_logo").children().eq(currentItem).fadeIn(initialFadeIn);
  
          //loop through the items
          var infiniteLoop = setInterval(function(){
              jQuery("div.custom_logo").children().eq(currentItem).fadeOut(fadeTime);
  
              if(currentItem == numberOfItems -1){
                  currentItem = 0;
              }else{
                  currentItem++;
              }
              jQuery("div.custom_logo").children().eq(currentItem).fadeIn(fadeTime);
  
          }, itemInterval);
  
      }
  
  );
  </code></pre>
  
  <p>And Assuming I wanted colors:</p>
  
  <p>blue: #37fff5
  green: #8cff04
  orange: #ffa018
  hot pink: #f247f8</p>
  
  <p>Although I know how I would add the color to the given element I do not know how could I choose a random color from the solors I have lsited above:</p>
  
  <p>To change the color of the text that is fading in I would</p>
  
  <pre><code>//show first item
  jQuery("div.custom_logo").children().eq(currentItem).css('color', theRandomColor).fadeIn(initialFadeIn);
  </code></pre>
  
  <p>AND</p>
  
  <pre><code>jQuery("div.custom_logo").children().eq(currentItem).css('color', **NEWRandomColor**).fadeIn(fadeTime);
  </code></pre>
  
  <p>Thank you,</p>