Jquery fadeout-fadein html data

[invisible93]

Ciao a tutti,

ho un problema con il seguente jquery

<script type="text/javascript">
        $(document).ready(function() {
            // submit form using $.ajax() method
            $('#reg-form').submit(function(e){
                e.preventDefault(); // Prevent Default Submission
                $.ajax({
                    url: 'submit.php',
                    type: 'POST',
                    data: $(this).serialize()// it will serialize the form data
                })  
               .done(function(data){
                               $('#form-content').fadeOut('slow', function(){
                               $('#form-content').fadeIn('slow').html(data);
                                                                                                                }
                                                                                                              );
                                                       })
                    .fail(function(){
                        alert('Ajax Submit Failed ...');
                    });
            });
        });
    </script>

Il fadein mi restituisce quello che trova nella pagina submit.php.
Come posso fare per fare apparire anche il contenuto del form che nasconde il fadeout?

Posso fare tipo un append o qualcosa del genere?

Grazie