title: Random bg color, changing in every refresh
body: <p>I have 9 blocks per page, I wanted to change it's background color randomly, using just same class
  (is it possible to use one class?) and it should be different bg color per block.</p>
  
  <p>For instance:</p>
  
  <pre><code>block1 = red
  block2 = yellow
  block3 = green
  </code></pre>
  
  <p>and so on..</p>
  
  <p>I have tried this code: (which is printing same colors at the same time)</p>
  
  <pre><code>var colors = ["#99B3FF", "#799979", "#1E1E1E"],
  selectedColor = colors[Math.floor(Math.random() * colors.length)];
  
  header = $(".recent-posts-body");
  header.css("background-color", selectedColor);
  </code></pre>
  
  <p>I'm not sure how to implement this using js.</p>