Ændre DIV ved onclick på form?

Hej alle

Jeg sidder i en situation hvor jeg ikke helt forstår hvorfor det ikke virker - er dog ikke en javascript haj så det er nok derfor da jeg selv har bygget det.

Jeg har en form hvor noget data bliver ændret. Når man klikker vil jeg gerne have at knappen bliver byttet ud med noget tekst og et textarea bliver disabled.


Jeg pt. følgende kode:



<script type="text/javascript">

function editinfo() {
document.getElementById('loading').innerHTML = '<img src="gfx/loading.gif" />';
document.getElementById('content').disabled = true;
}
</script>



<form name="editdata" method="post" action="" onsubmit="editinfo()">
<textarea name="content" id="content" style="width:200px;height:100px;"></textarea>
<br />
<div id="loading" style="height:20px;">
<input type="submit" value="Gem information" name="submit" />
</div>
</form>


Hvis jeg fjerner de to document.getElementById virker det fint. Jeg har prøvet at lave den som onclick på knappen istedet for onsubmit på formen.

Den vil ikke opdatere mine informationer, i min PHP har jeg:

if($_POST[submit]) {
// ACTION HER
}

Og den vil ikke genkende min handling. Er der nogen der har en god forklaring på hvorfor?