插入数据后引导分页无法正常工作

Question

students.php

function studData(){
       $.ajax({
       type: "GET",
       url: "../employee/students-data.php"
      }).done(function( data ) {
      $('#studData').html(data);
      });
    }


  //save student data
   $('#saved').click(function(){

        var id = $('#id').val();
        var fN = $('#fN').val();
        var mN = $('#mN').val();
        var lN = $('#lN').val();
        var eN = $('#eN').val();
        var sex = $('#sex').val();
        var address = $('#address').val();
        var contact = $('#contact').val();
        var email = $('#contact').val();
        var guardian = $('#guardian').val();
        var course_id = $('#course_id').val();

        var datas="id="+id+
                  "&fN="+fN+
                  "&mN="+mN+
                  "&lN="+lN+
                  "&eN="+eN+
                  "&sex="+sex+
                  "&address="+address+
                  "&contact="+contact+
                  "&email="+email+
                  "&guardian="+guardian+
                  "&course_id="+course_id
                ;  

        $.ajax({
           type: "POST",
           url: "../employee/insert-student.php",
           data: datas
        }).done(function( data ) {
          $('#info').html(data);
          studData();
        });

我的插入查询位于students-data.php中 我的分页脚本也在students-data.php中。

当我没有插入时，我的分页工作， 插入数据后，我的分页被打破了 如果我刷新页面，它只会重新分页！ 请帮助我在javascript中使用noob。感谢