So can someone please tell why neither of these options will actually submit the form? I am trying to do something more complicated but I have boiled it down to this to try and figure out why I can't seem to get this form to submit using a click event and submit()
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
<meta http-equiv=Content-Type content=text/html; charset=utf-8 />
<title>Untitled Document</title>
<script type=text/javascript src=https://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js></script>
<script type=text/javascript>
$(function() {
$('#submitButton').click(function(e) {
e.preventDefault();
$(#testForm).submit();
});
$('#submitLink').click(function(e) {
e.preventDefault();
$(#testForm).submit();
});
});
</script>
</head>
<body>
<form action=javascript:alert('submitted'); method=post id=testForm>
<label>Name</label>
<input type=text name=name value= />
<input type=submit name=submit value=Submit id=submitButton />
<p><a href=# id=submitLink>Submit Form</a></p>
</form>
</body>
</html>
Thank you!