link doesn't work on an animation

link doesn't work on an animation

I'm making a soccer ball image bounce down on the left side of this page, using jQuery: http://gpysports.org

However, the image is inside a link, but for some reason the link doesn't work at all. Looking at the ball in Firebug, the link looks perfectly valid. Is there any reason jQuery would interfere with a link?

Here's the image within the link, right under the opening Body tag:
  1. <a href="http://gpysports.org/registration.html">
  2. <img src="gpyball.jpg" style="position:relative" class="gpyball">
  3. </a>

and here's the jQuery:

  1. jQuery('img.gpyball').animate({'top':'450px'},1700,'easeOutBounce');
The ball bounces fine, it just doesn't link

Here's something else odd. I can't seem to append anything to the ball. I tried this, and nothing appears.

  1. jQuery('img.gpyball').animate({'top':'450px'},1700,'easeOutBounce',
  2.   function(){jQuery('<h2>FDSAFDSA</h2>').appendTo('img.gpyball')}
  3. );

But the really wied thing is if I look at the Generated Source in webmaster tools, I see the appended header. 
  1. <img src="gpyball.gif" style="position: relative; top: 450px;" class="gpyball">
    <h2>FDSAFDSA</h2>