Javascript error

Bij deze code:

					<div class="box-content">
						<script>
						function forumvalidatie(){
							var fout;
							fout = '';
							if(document.getElementById('bericht').value == ''){
								fout = fout + 'Je bericht kan niet leeg zijn!<br />';
							}else if(document.getElementById('bericht').value.length < 5){
								fout = fout + 'Je bericht mag niet korter zijn dan 5 tekens!<br />';
							}
							if(fout == ''){
								document.getElementById("reactieformulier").submit();
							} else {
								$('#errorshier').slideUp('slow').html("Er zijn enkele fouten opgetreden:<br /><b>"+fout+"</b>").slideDown('slow').delay('1500').slideUp('slow');
							}
						}
						</script>
						<div id="errorshier" class="alert red" style="display: none;"></div>
							<form action="" method="post" name="form" id="reactieformulier">
								<textarea style="width:100%; height: 255px;" name="bericht" id="bericht"></textarea>
								<input type="submit" value="submit" name="submit" id="submit" style="visibility: hidden; height: 1px; width: 1px;" />
							</form>
						<footer class="pane">
							<input type="submit" onclick="forumvalidatie();" name="submit" class="bt blue" value="Bericht posten" id="submit" />
						</footer>							
					</div>

geeft firebug deze error:
document.getElementById("reactieformulier") is null

Weet iemand hoe dit zou kunnen komen? Ik ben hier nu al zeker 2 uur naar opzoek, heb ook al geprobeerd met jquery maar dan doet hij al hlemaal niks...

Edit: De foutafhandeling (de validatie) doet ie wel goed...

Groetjes,
Rune