J'ai un problème qui me semble assez étrange...

J'ai ce code javascript
function ajout()
{
document.getElementById("ajout er").className="visible";
}
function modif()
{
document.getElementById("ajout er").className="invisible";
}
Avec cette CSS
p.invisible
{
display:none;
}

p.visible
{
display:block;
}
Le but étant de rendre visible ou invisible en cliquant sur un bouton.

Avec ce paragraphe
<p name="ajouter" class="invisible">
bonjour
</p>
Cela marche parfaitement.

Mais pas avec celui là
<p name="ajouter" class="invisible">
<form action="formu.php" method="post">
Remplir le formulaire
<input type="submit" name="valid" value="Go!" />
</form>
</p>
La il me l'affiche dès le chargement de la page et j'appuie sur les bouttons ça fait rien...
La solution est peut-être toute bête mais je la vois pas ^^