Animation stops working after first click

Animation stops working after first click

Hi guys,

I have the following code

   $('input.productSubmitInput').click(function() {
      $('#login-info')
        .animate( { backgroundColor:"#7AFB73" }, 500 )
      .animate( { backgroundColor:"#F9F9F9" }, 400 );
   });


I click on an input button and I animate the background colour of a seperate div. I have multiple input buttons on the page. It works fine, but only ONCE for each button click.

Any idea what I'm doing wrong?