mouseover change the picture?

mouseover change the picture?

Hi
This is my code I want to set the mouseover and change the color when the mouse goes over td with id="change" but it is nit going to work?! why is that? Also coudl you please help me how I can use jquery to change the picture od td with id"pichcnage" to 2.bmp by mouse over?
thanks

  2. <html>
  3. <head>
  4. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

  6. <style>

  8. table,th,td{
  9. border: 1px solid black;
  10. }
  11. tr.nice td{
  12. backgroud:#1F44GG;
  13. }
  14. </style>
  15. </head>



  19. <body>
  20. <script type="text/javascript">
  21. $("document").ready(function(){

  23. $("#change").mouseover(function () {$this.addClass("nice"):} ;
  24. });
  25. </script>
  27. <div id="numbers">
  28. <table>
  29. <tr>
  30. <td id="change" >Name1</td>
  31. <td id="pichange"><a><img src="c:\1.bmp"</a></td>
  32. </tr>

  34. <tr>
  35. <td>Name2</td>
  36. <td><a><img src="c:\1.bmp"</a></td>
  37. </tr>

  39. <tr>
  40. <td>Name3</td>
  41. <td><a><img src="c:\1.bmp"</a></td>
  42. </tr>
  43. </table>
  44. <div>

  46. </body>

  48. <html>