fade out some area and fade in other one
<p>I have a login form and a link with 'Register' title beneath the form. I want it when user click on 'Register' link, the login fade out and register form fade in. I used the following script to that :</p>

<pre><code>  $("#loginArea").fadeOut(2000, function () {
                        $("#RegisterArea").fadeIn(2000, function () { 
                        $("#RegisterArea").empty().append(mydata); });
                        //$("#RegisterArea").empty().
                    });
</code></pre>

<p>using the above code, the login form fade out, but fade in for regsiter form does not work and just put 'mydata' content in 'RegisterArea' without animating.</p>

<p>Can you help me ?</p>
