อยากได้แนวทางในการ เพิ่มข้อมูลแบบ 2 ฟอร์ม ตารางเดียว

<script src="http://code.jquery.com/jquery-latest.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<form method="post">
<div id="page1">
Page 1<br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="button" class="navBTN" rel="2" value=" Next Page >>" />
</div>
<div id="page2">
Page 2<br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="button" class="navBTN" rel="1" value="<< Previous Page" />
<input type="submit" name="submitForm" value="บันทึกข้อมูล" />
</div>
</form>

<script>
   $("div[id != 'page1']").hide();
   var btnClick = $("input[type='button'].navBTN");
   $(btnClick).click(function(){
	var pageRequest = $(this).attr("rel");
	$(btnClick).parents("div").hide();
	$("div#page"+pageRequest).fadeIn();
   });
</script>