Event only firing for first element on page

Event only firing for first element on page

Hi all!

I have the following code:

  1. <script type="text/javascript">
     $('#hover').mouseover(function(){
     $(this).animate({height:200,width:200});
     });
     $('#hover').mouseout(function(){
     $(this).animate({height:60,width:60});
     });
    </script>







...which I thought should fire for the id="hover" element which the mouse is over, regardless of index.

Unfortunately, it's only working for the first hover element on the page....

Any thoughts?

Thanks in advance!!

Tim