forms - my jquery fiddle isn't working -

my fiddle shows part of i'm trying do, since can't first part work, didn't try add second part.

first part

there's 2 forms. second form invisible because class set "display: none;"

what want is, when hit "send" on first form, fades out, , class changes on form2 becomes visible.

my fiddle shows feeble attempt @ http://jsfiddle.net/mjmitche/kvwgw/

note, i'm newbie please provide explanation possible. (note, didn't create proper forms in fiddle because didn't know post them etc)

second (unattempted) part

once send clicked on second form, want call function fades second form out well.

please if can.

much appreciated!

here go. here updated , working one. can tell difference, let me know if there don't understand

http://jsfiddle.net/kvwgw/2/

second part

$('#form2').submit(function() {     // add form submit stuff in there      $(this).fadeout(); //fades out form     return false; //prevents form submitting form action  });