title: How to add random number id inside div class
body: <p>bellow is my html code. this content-box will depend on content. i could be 5, 10, 20 what ever. because it will be dynamic content. now i want to add one more class each div randomly and class name will be color-1, color-2, color-3, color-4, color-5,..............  color-10. so number range will be 1-10. so how could i add those class in <strong>content-box</strong> random numberly. any idea please.  </p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="content-box"&gt;
      &lt;img src="images/love-01.jpg" /&gt;
  &lt;/div&gt;
  &lt;div class="content-box"&gt;
      &lt;img src="images/love-05.jpg" /&gt;
  &lt;/div&gt;
  &lt;div class="content-box"&gt;
      &lt;img src="images/love-02.jpg" /&gt;
  &lt;/div&gt;
  &lt;div class="content-box"&gt;
      &lt;img src="images/love-03.jpg" /&gt;
  &lt;/div&gt;
  &lt;div class="content-box"&gt;
      &lt;img src="images/love-04.jpg" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/dKgaz/" rel="nofollow">http://jsfiddle.net/dKgaz/</a></p>