using the jquery animate() api and can't get it to stop bouncing
<p>Current code:</p>

<pre><code>$(document).ready(function(){
    $('#go').hover(
        function(){ // Change the input image's source when we "roll on"
            $(this).animate({"top": "-=100px"}, 50, "linear", function(){
              $(this).animate({"top": "+=100px"}, 50);
            });
            $(this).attr({ src : '/gfx/go_over.png'});
        }          
    );
});
</code></pre>

<p>basically I wanted my button to bounce up and change state, then when it comes back down it would stay on that changed state. On rollover I want the reverse to happen.</p>

<p>Im not sure what I'm doing here since everytime it comes down it hovers and bounces again.</p>
