Pagination at page load in javascript

See more:

ASP.NET

Javascript

Dear Friends,

I have binded values from database to table using ajax. i have a problem in pagination at page load. i given 10 rows per page. when i click pagination it executes well. but at page load shows all the rows.

What I have tried:

<script src="Scripts/paginathing.js" type="text/javascript"></script>
<script type="text/javascript">

    jQuery(document).ready(function ($) {        
        $('.table tbody').paginathing({
            perPage: 10,
            insertAfter: '.table'
        });
       
    });
 </script>

function BindGridview() {
       $.ajax({
           type: "POST",
           contentType: "application/json; charset=utf-8",
           url: "Employee.aspx/BindGridview",
           data: "{}",
           dataType: "json",
           success: function (data) {
               var result = data.d;
               $("#tblEmployee").empty();
               for (var i = 0; i < result.length; i++) {
                   $("#tblEmployee").append('<tr><td align="center"></td><td style="display:none;">' + result[i].Id + '</td><td>' + result[i].EmployeeId + '</td><td>' + result[i].EmployeeName + '</td><td>' + result[i].DOJ + '</td><td>' + result[i].Contact + '</td><td>' + result[i].AltContact + '</td><td style="width:30px; text-align:left;"><a href="#" onclick="Edit(' + result[i].Id + ')"></a></td><td style="width:30px; text-align:left;"><a href="#" onclick=Delete(' + result[i].Id + ')></a></td></tr>');
               }
           },
           error: function (data) {
               var r = data.responseText;
               var errorMessage = r.Message;
               alert(errorMessage);
           }
       });
   }