ileri geri butonları

şirkette bir uygulama yapıyoruz. yapmak istediğimiz bayağı uzun bir form var.
bu formu tek sayfada teker teker girmek sıkıcı ve itici olmasın diye bunu sayfalara bölmek istiyoruz. sadece "ileri ve geri" olarak internetteki uygulamalar hep mysql den veri çekmek üzerine olduğu için işimize yaramadı. formu sayfalara bölme işini nasıl yapabiliriz. (yaptığımız uygulama php tabanlı )

<script type="text/javascript">
$(document).ready(function () {
   pagenum = 3;
   curpage = 1;
   $('.page').hide();
   $('.page[pageid="1"]').show();
   $('#pagenav a').click(function () {
      var process = $(this).attr('id');
      if (process == 'previous' && curpage > 1)
      {
         selected_page_num = curpage - 1;
      }
      else if (process == 'next' && curpage < pagenum)
      {
         selected_page_num = curpage + 1;
      }
      if (selected_page_num != null)
      {
         $('.page').hide();
         $('.page[pageid="' + selected_page_num + '"]').show();
         curpage = selected_page_num;
         selected_page_num = null;
      }
   });
});
</script>
<div class="page" pageid="1">
birinci sayfa içeriği
</div>
<div class="page" pageid="2">
ikinci sayfa içeriği
</div>
<div class="page" pageid="3">
üçüncü sayfa içeriği
</div>
<div id="pagenav">
<a href="#" id="previous">&lt;</a>&emsp;<a href="#" id="next">&gt;</a>
</div>

çıkan sonuç şöyle

birinci sayfa içeriği
ikinci sayfa içeriği
üçüncü sayfa içeriği
< >

Sayfaya jQuery'yi eklediğinizden emin misiniz? Denedim ben, düzgün çalıştı.

kusura bakmayın jquery fazla bilmediğim için dalgınlığıma geldi yardımlarınız için çok teşekkür ediyorum

Rica ederim, kolay gelsin.