jquery и css

мне не понятно...

[js] $(document).ready(function(){


$("#grhaedd").mouseover(function(){
$(this).css({'background-color' : 'yellow', 'font-weight' : 'bolder'});
}).mouseout(function()
{
$(this).css({'background-color' : 'blue', 'font-weight' : 'bolder'});
});


});[/js]

И этот код работает только с 1 строкой, все остальное скрипту не подается

HTML:

1. <table>
2. [b]<tr valign="middle" id="grhaedd">
3. <td width="60"><center>надпись</center></td>
4. </tr>[/b]
5. <tr valign="middle" id="grhaedd">
6. <td width="60"><center>надпись</center></td>
7. </tr>
8. <tr valign="middle" id="grhaedd">
9. <td width="60"><center>надпись</center></td>
10. </tr>
11. <tr valign="middle" id="grhaedd">
12. <td width="60"><center>надпись</center></td>
13. </tr>
14. </table>

этот пример типа hover..

 

а что в двух словах делает функция each ?