Here is function ,

 <script type="text/javascript">
    $(document).ready(function() {
        getRecordspage(1, 5);
        $("a.page-numbers").click(function() {
            alert(1);
            getRecordspage($(this).text(), 5);
            return false;
        });
    });

And in my page i am appending anchors dynamically to this div,

<div id="pager" class="pager">
//my anchors will be present here...
</div>

i am appending anchors dynamically... All anchors will have class="page-numbers"... How it can be done...

When inspected through firebug my pager div had this when i clicked 3,

<div class="pager" id="pager">
<a class="page-numbers prev" href="#">Prev</a>
<a class="page-numbers" href="#">1</a>
<a class="page-numbers" href="#">2</a>
<span class="page-numbers current">3</span>
<a class="page-numbers" href="#">4</a>
<a class="page-numbers next" href="#">Next</a></div>