Want to Improve code functionality for Pagination in Jquery
<p>I have made table which has sorting option also it has pagination. But the problem it has only Next, Last, Previous and First. I want it also should have page number displaying on which page it is and the total number of pages. </p>

<p>I tried getting the button of page number by adding it but the problem is that on clicking them it won't go the page. Actually I copied the pagination from somewhere so I am not able to do it properly. </p>

<p>The working code is here</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;script type="text/javascript" src="http://tablesorter.com/jquery-latest.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="http://tablesorter.com/__jquery.tablesorter.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="http://tablesorter.com/addons/pager/jquery.tablesorter.pager.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="http://tablesorter.com/docs/js/chili/chili-1.8b.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="http://tablesorter.com/docs/js/docs.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="http://flaviusmatis.github.io/simplePagination.js/jquery.simplePagination.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function() { 
$("table") 
.tablesorter({widthFixed: true, widgets: ['zebra']}) 
.tablesorterPager({container: $(".tablesorter")}); 
}); 
&lt;/script&gt;
&lt;style&gt;
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
&lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;

&lt;table id="myTable" class="" style="width:50%"&gt;
&lt;thead&gt;
  &lt;tr&gt;
    &lt;th&gt;&lt;span&gt;ID&lt;/span&gt;&lt;/th&gt;
    &lt;th&gt;&lt;span&gt;Name&lt;/span&gt;&lt;/th&gt;
&lt;tr&gt;
&lt;tbody&gt;
&lt;td&gt;1&lt;/td&gt;      
&lt;td&gt;Jill&lt;/td&gt;
&lt;/tr&gt;
 &lt;tr&gt;
&lt;td&gt;2&lt;/td&gt;  
&lt;td&gt;Bill&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;3&lt;/td&gt;  
&lt;td&gt;Chill&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;4&lt;/td&gt;  
&lt;td&gt;Adam&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;5&lt;/td&gt;  
&lt;td&gt;Andrea&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;6&lt;/td&gt;  
&lt;td&gt;Stephen&lt;/td&gt;
 &lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;7&lt;/td&gt;  
&lt;td&gt;Rose&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;8&lt;/td&gt;  
&lt;td&gt;Chuck&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;9&lt;/td&gt;  
&lt;td&gt;Barney&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;10&lt;/td&gt; 
&lt;td&gt;Alan&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;11&lt;/td&gt; 
&lt;td&gt;Ted&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;12&lt;/td&gt; 
&lt;td &gt;Simon&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;13&lt;/td&gt; 
&lt;td &gt;Simon&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;14&lt;/td&gt; 
&lt;td &gt;Larry&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;15&lt;/td&gt; 
&lt;td &gt;Harry&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;16&lt;/td&gt; 
&lt;td &gt;Ron&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;17&lt;/td&gt; 
&lt;td&gt;George&lt;/td&gt;
&lt;/tr&gt;
&lt;td &gt;18&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;19&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;20&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;21&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;22&lt;/td&gt; 
&lt;td&gt;George&lt;/td&gt;
&lt;/tr&gt;
&lt;td &gt;23&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;24&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;25&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;26&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;27&lt;/td&gt; 
&lt;td&gt;George&lt;/td&gt;
&lt;/tr&gt;
&lt;td &gt;28&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;29&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;30&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;31&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;32&lt;/td&gt; 
&lt;td&gt;George&lt;/td&gt;
&lt;/tr&gt;
&lt;td &gt;33&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;34&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;35&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;36&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;37&lt;/td&gt; 
&lt;td&gt;George&lt;/td&gt;
&lt;/tr&gt;
&lt;td &gt;38&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;39&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;40&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;41&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;42&lt;/td&gt; 
&lt;td&gt;George&lt;/td&gt;
&lt;/tr&gt;
&lt;td &gt;43&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;44&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;45&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;46&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;47&lt;/td&gt; 
&lt;td&gt;George&lt;/td&gt;
&lt;/tr&gt;
&lt;td &gt;48&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;49&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;50&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;51&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;52&lt;/td&gt; 
&lt;td&gt;George&lt;/td&gt;
&lt;/tr&gt;
&lt;td &gt;53&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;54&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;55&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;56&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;57&lt;/td&gt; 
&lt;td&gt;George&lt;/td&gt;
&lt;/tr&gt;
&lt;td &gt;58&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;59&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;60&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;61&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;62&lt;/td&gt; 
&lt;td&gt;George&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;63&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;64&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;65&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;66&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;67&lt;/td&gt; 
&lt;td&gt;George&lt;/td&gt;
&lt;/tr&gt;
&lt;td &gt;68&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;69&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;70&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;71&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;72&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;73&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;74&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;75&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;76&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;77&lt;/td&gt; 
&lt;td&gt;George&lt;/td&gt;
&lt;/tr&gt;
&lt;td &gt;78&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;79&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;80&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;81&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;82&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;83&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;84&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;85&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;86&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;87&lt;/td&gt; 
&lt;td&gt;George&lt;/td&gt;
&lt;/tr&gt;
&lt;td &gt;88&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;89&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;90&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;91&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;92&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td &gt;93&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;94&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;95&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;96&lt;/td&gt; 
&lt;td&gt;Michael&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;97&lt;/td&gt; 
&lt;td&gt;George&lt;/td&gt;
&lt;/tr&gt;
&lt;td &gt;98&lt;/td&gt;    
&lt;td&gt;John&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;99&lt;/td&gt; 
&lt;td&gt;Jay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;100&lt;/td&gt; 
&lt;td&gt;Laura&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;div id="pager" class="tablesorter" style="top: 900px; position: absolute;"&gt;
&lt;form&gt;
    &lt;img src="http://tablesorter.com/addons/pager/icons/first.png" class="first"&gt;
    &lt;img src="http://tablesorter.com/addons/pager/icons/prev.png"  class="prev"&gt;
    &lt;img src="http://tablesorter.com/addons/pager/icons/next.png"  class="next"&gt;
    &lt;img src="http://tablesorter.com/addons/pager/icons/last.png"  class="last"&gt;
    &lt;select class="pagesize"&gt;
        &lt;option selected="selected" value="10"&gt;10&lt;/option&gt;
        &lt;option value="20"&gt;20&lt;/option&gt;
        &lt;option value="25"&gt;25&lt;/option&gt;
        &lt;option value="30"&gt;30&lt;/option&gt;
    &lt;/select&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Please help me...</p>