jQuery Submit Form Fade Out
<p>this is jQuery submit form code. what i like to know is how can i make the form fade out after successful submission and the display the message after the the submission form fade out. at the moment the massage is displaying in results div with the form staying as it is. thanks in advance.    </p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; 
    &lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;JQuery Form Example&lt;/title&gt; 
        &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript"&gt;
        $(document).ready(function(){
            $("#myform").validate({
                debug: false,
                rules: {
                    name: "required",
                    email: {
                        required: true,
                        email: true
                    }
                },
                messages: {
                    name: "Please let us know who you are.",
                    email: "A valid email will help us get in touch with you.",
                },
                submitHandler: function(form) {
                    // do other stuff for a valid form
                    $.post('process.php', $("#myform").serialize(), function(data) {
                        $('#results').html(data);
                    });
                }
            });
        });
        &lt;/script&gt;
        &lt;style&gt;
        label.error { width: 250px; display: inline; color: red;}
        &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;form name="myform" id="myform" action="" method="POST"&gt;  
    &lt;!-- The Name form field --&gt;
        &lt;label for="name" id="name_label"&gt;Name&lt;/label&gt;  
        &lt;input type="text" name="name" id="name" size="30" value=""/&gt;  
        &lt;br&gt;
    &lt;!-- The Email form field --&gt;
        &lt;label for="email" id="email_label"&gt;Email&lt;/label&gt;  
        &lt;input type="text" name="email" id="email" size="30" value=""/&gt; 
        &lt;br&gt;
    &lt;!-- The Submit button --&gt;
        &lt;input type="submit" name="submit" value="Submit"&gt; 
    &lt;/form&gt;
    &lt;!-- We will output the results from process.php here --&gt;
    &lt;div id="results"&gt;&lt;div&gt;
    &lt;/body&gt;
    &lt;/html&gt;
</code></pre>

<p>process.php</p>

<pre><code>&lt;?php
    print "Form submitted successfully: &lt;br&gt;Your name is &lt;b&gt;".$_POST['name']."&lt;/b&gt; and your email is &lt;b&gt;".$_POST['email']."&lt;/b&gt;&lt;br&gt;";
?&gt;
</code></pre>
