This wont work in firefox?

This wont work in firefox?

Hello all, could someone let me know what im doing wrong with the code below? The page loads with the image angled but wont do the hover which is to change the angle on hover and go back on out

  1. <!DOCTYPE html>
    <html lang="en"><head>
    <meta charset="utf-8" />
    <title>test</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="js/jQueryRotate.js"></script>




    <script type="text/javascript">
    $(document).ready(function()
            {
    $('#image').rotate({angle:5});
               
               
                });


    function myTest(){
        $('#image').rotate({angle:25});
        };
     
      function myTest2() {
        $('#image').rotate({angle:5});
      };                
           
    </script>
    </head>
    <body>
    <img src="test.jpg" width="300" height="320" border="0" id="image" onMouseOver="myTest()" onMouseOut="myTest2()">
    </body>
    </html>