I have a message that I want to fadeIn when a form is successfully send. I'm using the jQuery form plugin and the code:

$(document).ready(function() {
var options = {
target: '#output',
beforeSubmit: validate,
resetForm: true
}; 
$('#holdform').ajaxForm(options);
});

The validate function works perfectly so i added this code before it returns true:
(...)

$('#output').fadeIn('slow');
return true;    
}

This should fadeIn the div I have underneath the form, styled as display: none;.
But what happens is that the div fades in and then disappears. Does anyone have an explanation and possibly a solution to fix it? Thank you in advance!

The code can be seen in it error-action here: http://gadebold.dk/events/tilmeld/