inserting html with php on submit, but how to use jquery to fade out that html?

Question

I'm inserting an h3 tag when a form is submitted. How do i fade that h3 tag out in 5 seconds using jquery?

I tried this but it didn't work. Do i have to use .live?

$(document).ready(function() {
    $('h3').delay(5000).fadeout(300);
});

EDIT: I'm submitting the form to itself in case that matters.

Answer 1

I think in your situation, you would just want to do this in your form submit:

    //insert your h3
    var header = $('<h3>My Header!</h3>');
    //append to wherever
    $('body').append(header);
    //set a timeout, then fade away!
    setTimeout(function() {
        header.fadeOut(300);
    }, 5000);

Here's a demo of that: http://jsfiddle.net/wSXfw/

Answer 2

You are saying that you submit the form, the page reloads, and you print an h3 tag to the page from the server? Then you want to fade that h3 out quickly after it has been on the page for five seconds?

$(function () { $("#the-h3").delay(5000).fadeOut(300); }

Could it be that you did not camelcase the fadeOut() ?