Jquery using make change in stylesheet

Jquery script  and Style :

<script type="text/JavaScript" src="../jquery.min.js"></script> <script type="text/JavaScript" src="../jquery-1.4.2.min.js"></script> <script type="text/JavaScript"> $(document).ready(function(){ $('tr').mouseover(function() { $(this).addClass('zebraHover'); }); $('tr').mouseout(function() { $(this).removeClass('zebraHover'); }); $("#div1").css({'border':'1px solid red','font-size':'12px','font-weight':'bold'}); $("#div1").height(); $("#div1").height(120); $("#div1").width(); $("#div1").width(200); //alert(getyear()); }); </script> <style type="text/css"> tr.zebraHover { background-color: #BEBEBE; } </style>

Design page :

<table> <tr> <td id="celebs"> Dhaval patel </td> </tr> <tr> <td> <div id="div1"> hi<br /> hello!<br /> How Are you? </div> </td> </tr> </table>