Pagination using Jquery in SharePoint

Question

Hey,
First of all thanks to C# Corner for being a good part of Programmers.
Here I want to describe my problem which i am facing.
I fetched data from sharepoint list using jquery on page.
but now i want to apply pagination without using any plugin.
code is as below to display data :
used for fetch 
liHtml = liHtml + "<tbody><tr><td>" + $(this).attr("ows_SNo")
+ "</td><td>" + col2 + "</td><td>"
+ col3 + "</td><td>" + col4 + "</td>
<td>" + col5 + "</td><td>" + col6 + "</td>
</tr></tbody>"; 
table structure:
<table id="CP" width="100%" border="0" cellpadding="3" cellspacing="1"><thead><tr><th scope="col">SNo</th><th scope="col">BookJournalTitle</th><th scope="col">BookType </th><th scope="col">ISBNNumber</th><th scope="col">BookJournalAuthor</th><th scope="col">INRPrice</th><th scope="col">Title</th></tr></thead> </table>  Now please let me know how can i apply pagination using Jquery so that only 5 rows display per page and pagination work on NEXT PREVIOUS button.
Thanks.