Shake a login form on error

Question

I have successfully built a login form using ajax and want to add a shake effect to the form when the user enters incorrect details. I have the function in place that will f

Answer 1

The examples above change the original position of the element.

function shakeForm() {
    var margin = 15;
    var speed = 50;
    var times = 5;
    for( var i = 0; i < times; i++ ){  
        $( "form" ).animate( { 'margin-left': "+=" + ( margin = -margin ) + 'px' }, speed); 
        $( "form" ).animate( { 'margin-right': "+=" + ( margin = -margin ) + 'px' }, speed); 
        $( "form" ).animate( { 'margin-right': "+=" + ( margin = -margin ) + 'px' }, speed);
        $( "form" ).animate( { 'margin-left': "+=" + ( margin = -margin ) + 'px' }, speed);
    }
}

demo here http://jsfiddle.net/UW6tN/1/