Custom Mixpanel form tracking

gistfile1.txt

<form action="music.html" id="signup_form" name="signup_form">
<ul>
<li>Name: <input type="text" id="name"></input></li>
<li>Email address: <input type="text" id="email_input"></input></li>
<li>Favorite Music: <select id="selection_input"><option value="Classical">Classical</option>
						<option value="Folk">Folk</option></select></li>
</ul>
<input type="submit" id="mySubmit" action="music.html">
</form>
 
<script type="text/javascript">		
		$('#mySubmit').keypress(function(event){		
		    if ( e.which == 13 ){
				event.preventDefault();
				var email = $("#email_input").val(); 
				var name = $("#name_input").val();
				var music_taste = $("#selection_input").val();
				mixpanel.register_once({"email": email, "name": name, "music taste": music_taste}, callback_function);
				mixpanel.track("Submitted Form", {}, callback_function);			
				setTimeout(callback_function,300);
				} 
		});
		
		$("#mySubmit").click(function(event){
			event.preventDefault();
			var email = $("#email_input").val(); 
			var name = $("#name_input").val();
			var music_taste = $("#selection_input").val();
			mixpanel.register_once({"email": email, "name": name, "music taste": music_taste}, callback_function);
			mixpanel.track("Submitted Form", {}, callback_function);			
			setTimeout(callback_function,500);
		})
		
		function callback_function(){
			$("#signup_form").submit();
		}
</script>

Make sure that you include jquery!

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>