jQuery Forum

Hi everyone,
I started playing with SVG and I would like to create a zoom effect on a circle as the mouse passes over it.

Here is the code:

1.         <script type="text/javascript" src="../js/jquery-1.4.4.js"></script>
           <script type="text/javascript" src="../js/jqueryui.js"></script>
           <script type="text/javascript" src="js/jquery.svg.js"></script>
           <script type="text/javascript" src="js/jquery.svgdom.js"></script>
           <script type="text/javascript" src="js/jquery.svganim.js"></script>
                    
           <svg xmlns="http://www.w3.org/2000/svg" id="canvas" width="100%" height="100%">
           <circle id="HomeCircle" fill="#C91010" stroke="#000000" stroke-width="0.75" cx="50%" cy="43%" r="152.34"/>
           </svg>

And here is the code for the mouseover function:

1. $("#HomeCircle").animate({svgR: 180},300);

As you can imagine, it doesn't work :)
Any ideas? Thank you in advance.