HTML
<table><form id=f1>
<tr><td>Name</td><td><input type=text name=t1></td><td><div id="display" ></div></td></tr>
<tr><td colspan=2><input type="button" id="b1" value="Submit"></td>
<td></td></tr>
</form>
</table>
JQuery
<script>
$(document).ready(function() {
$("#b1").click(function(event){
form_list = $("#f1").serialize();
$("#display").html(form_list);
});
});
</script>
Now let us try with a complex form with all types of inputs.