JQuery fadeout on form submission while redirecting with session info

JQuery fadeout on form submission while redirecting with session info

Dear Forum,

I'm currently working on a very simply login page located here:
ournewlife.com/003/login.php
validation: goin

I love the fadein effect, but I cannot get the fadeout effect to work.  I've tried a number of things.  I see that in the original code (http://pastebin.com/gfwF6MBL) the fadeout is triggered by a click that then redirects to a URL.  So I understand that I need to change somehow the qualifier on what triggers the fadeout, which I had done by capturing the "Enter" key and then performing the fadeout.  However that didn't work, and when I redirected to the URL of the target URL "ournewlife.com/003/protected.php" it would just bring me back to the login page because the jQuery was redirecting before the PHP was updating the session as being logged in (or so I presume).

here's the php I'm referencing:
http://pastebin.com/DRQyNvqG

So basically, what I am attempting to do is have that nice fadeout after the user enters the correct validation and then a redirect to the protected.php page (with the session set to logged in so that they can access it (I'm guessing by somehow referencing the following line in the php(?)):

  $_SESSION['loggedin'] = 1;

)

If anyone could point me in the correct direction that would be wonderful.  At this point I don't even know if I should be trying to trigger the session from the jquery or the jquery somehow within or after the php executes (?)