How to make Jquery or CSS3 Animated "Catch me if you can" button?

animation, css, jquery, jquery-animate

Solution

Something like this:

$("button").mouseover(function(){
    $(this).css({
        left:(Math.random()*300)+"px",
        top:(Math.random()*300)+"px",
    });
});

Demo: http://jsfiddle.net/ZQamp/

Thanks to @roXon suggestion with much more better animation: http://jsfiddle.net/ZQamp/3

Problem

I would like to create an animation button by using pure CSS or Jquery to make a joke for my visitors on April 1th. Basically, this will be regular button but when user hover on, it will move rapidly to the other side of the mouse. It is a simple game. But it should not be so difficult to catch. User may click on it if he/she try hard :) Can anyone help me to create this? Thank you!

Original source

Related problems