Hiding div then posting form
<p>I'm still working on my multi-stage form (http://jsfiddle.net/xSkgH/93/) and have incorporated the following solution to assist in ajax submit:</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function() {
    $("#postData").click(function() {
        $("#last-step").hide(600);

            $("#task5_booking").submit(function() {
                $.post('resources/process2.php', function(data) {
                    $("#result").html(data);
                });
            });

        return false;
    });
});
&lt;/script&gt;
</code></pre>

<p>It fades out the last step well but when it comes to loading up the content ot process2.php which is simply an array of all the form fields:</p>

<pre><code>&lt;?php
print_r($_POST);
?&gt;
</code></pre>

<p>Nothing seems to happen at all. The div remains blank. Would really appreciate any help guys. Thanks in advance.</p>
