Formulaire et xmlhttp

Bonjour à tous
Je rencontre un problème avec le code ci-dessous.
Si je l'implémente dans le body il fonctionne très bien et seul "idMainMenuBienvenue" est actualisé lors de l'envoi du formulaire.
Si je charge le corps de la Div avec un xmlhttp
donc form et script dans <div id="idFormLoginProfil" class="divFormLoginConnexion">
dans ce cas lors de l'envoi du formulaire le navigateur réinitialise ma page.

En réalité mon besoin est de construire le formulaire dans le PHP pour l'adapter et précharger les valeurs déjà connues.
Pour l'afficher dans la page sans réinitialiser celle-ci.
Le formulaire est affiché en position absolu en premier plan de la page.
Mais peut-être que ma méthode n'est pas bonne !

  
<div id="idFormLoginProfil" class="divFormLoginConnexion">
    <form>
            <a> N'oubliez pas de valider vos modifications</a>
            <p> Nom : <input type="text" id="Nom" value= /> </p>
            <p> <input type="submit" id="submit3" value="Envoyer" /> </p>
    </form> 
    <script>
            $(document).ready(function(){
            $("#submit3").click(function(e){
                    e.preventDefault();
                    $.post  ( '004-FuPLogin.php?fu=f004p_LoginProfil', 
                            {   Nom : $("#Nom").val(),  },
                            function(data){
                                    $("#idMainMenuBienvenue").html(data);
                                    document.getElementById("idFormLoginProfil").style.visibility = "hidden";
                                    console.log("f004p_LoginProfilFormulaire "  );
                            },  'text'
                    );
                    });
            });
    </script>          
</div>   

Merci d'avance pour votre aide
Roland