<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#submitButton").click(function () {
$.post($("#form1").attr("action"), $("#form1").serialize(),
function () {
alert('Form 1 submitted');
});
$.post($("#form2").attr("action"), $("#form1").serialize(),
function () {
alert('Form 2 submitted');
});
});
});
</script>
</head>
<body>
<form id="form1" action="#" method="post">
<input type="button" id="submitButton" value="Submit" />
</form>
<!-- Hidden form -->
<form id="form2" action="#" method="post">
<input type="text" id="data1" value="testing1" />
<input type="text" id="data2" value="testing2" />
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#submitButton").click(function () {
$.post($("#form1").attr("action"), $("#form1").serialize(),
function () {
alert('Form 1 submitted');
});
$.post($("#form2").attr("action"), $("#form1").serialize(),
function () {
alert('Form 2 submitted');
});
});
});
</script>
</head>
<body>
<form id="form1" action="#" method="post">
<input type="button" id="submitButton" value="Submit" />
</form>
<!-- Hidden form -->
<form id="form2" action="#" method="post">
<input type="text" id="data1" value="testing1" />
<input type="text" id="data2" value="testing2" />
</form>
</body>
</html>
