Javascript: modification de paragraphe

[Bulle72]

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 ^^