Salve vorrei richiamare una funzione javascript quando clicco un pulsante che si trova in un form contenuto in un div come devo fare ho provato m non funziona questo è il codice:

codice:
<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Web Utilities Kekko</title>
	
	
	<link rel="stylesheet" type="text/css" href="homePage.css" />
	
	
	<script type="text/javascript" >
		
				
		
		function email()
		{
			var prova = "prova";
			window.alert(prova);	
			//var email = document.contenitoreGenerale.top.utenteRegistrato.email;
			
				
			
			
		}
			
		
	</script>

	<!--</head>
<body>
	<div id="contenitoreGenerale">
		<div id="top">
			[img]webUtilities.gif[/img]
					
				<form id="utenteRegistrato" method="post" action="testdb.php">
					<fieldset >
						<legend>Accesso Utenti</legend>
							
						<label>Username:</label>
						<input type="text" id="email"></input>
						

								
						<label>Password:</label>
						<input type="password"></input>
						
		
						<button value="invia" onclick="email()">Invia </button>						
						

						
					<label>Se non sei registrato clicca Qui</label>						
				</fieldset>				
			</form>						
		</div>
		<div id="barra">
			<table>
				<tr>
					<td>HOMEPAGE </td>					
					<td>REGISTRAZIONE</td>
					<td>RUBRICA  </td>
					<td>AGENDA </td>										
					<td>CALCOLATRICE </td>					
					<td>SVEGLIA  </td>					
					<td>CONTATTI </td>	
				</tr>
			</table>
		</div>
	</div>
</body>
</html>