JQuery :: How To Show Records And Then Pagination For More

Here is my Code
$(function () {
showData();
});
function showData() {
$.ajax({
type: 'POST',
url: 'CityList.aspx/GetCityList',
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (msg) {
var div = $('#Result').empty().append('<tr><td>#</td><td>Name</td>' +
'<td>KeyWords</td><td>Edit</td><td>Delete</td></tr>');
//loop each record
for (var i = 0; i < msg.d.length; i++) {
div.append('<tr><td>' + msg.d[i].CITYID + '</td>' +
'<td>' + msg.d[i].CITY + '</td><td>' + msg.d[i].Keywords + '</td>' +
'<td><button type="button" class="edit">Edit</button></td>' +
'<td><button type="button" class="delete">Delete</button></td></tr>');
}}}); //end of display }
How I can show 5 records and then pagination for more records. Mean 5 record per page.