how do you apply some script to every css element with the same id?
<p><strong>HTML :</strong></p>

<pre><code>&lt;div id="tab"&gt;This is a paragraph.&lt;/div&gt;
&lt;div id="tab"&gt;This is a paragraph.&lt;/div&gt;
&lt;div id="tab"&gt;This is a paragraph.&lt;/div&gt;
&lt;div id="tab"&gt;This is a paragraph.&lt;/div&gt;
</code></pre>

<p><strong>CSS :</strong></p>

<pre><code>#tab{
  height:30px;
  width:130px;
  background-color:red;
}
</code></pre>

<p><strong>Jquery :</strong></p>

<pre><code>$(document).ready(function() {
    function randomNumber() {
        return Math.floor(Math.random() * 255)
    }
    $('#tab').mouseover(function() {
        $('#tab').css('background-color', 'rgb(' + randomNumber() + ',' + randomNumber() + ',' + randomNumber() + ')');
    });
    $('#tab').mouseout(function() {
        $('#tab').css('background-color', 'white');
    });
});
</code></pre>

<p>I have this fiddle and I want the color change to affect ALL the #tabs, not just the first one, how do i do it?</p>

<p><a href="http://jsfiddle.net/zhirkovski/nHCXV/" rel="nofollow">Fiddle</a> example can be found here.</p>
