Error in jquery paging

Error in jquery paging

Hi ,

I want to make clientside paging in my application.

following is working fine in my application

  1. var cnt=4;

    var $pagenumbers = $('<div id="pages"></div>');
                                for (i = 0; i < cnt; i++) {
                                    $(' <a href=\"#\" id=' + (i + 1) + ' class="page">' + (i + 1) + '</a>').appendTo($pagenumbers);
                                }                            $pagenumbers.insertAfter('#st');

this will display 1 2 3 4.

my requirement is add anchor with << and >> symbols before and after paging numbers like  << 1 2 3 4 >> .

for that i tried following code

  1. var cnt=4;

    var $pagenumbers = $('<div id="pages"></div>');
  2. var pre=$(<a href=\"#\"> '<<'</a>);
  3. $pagenumbers.appendTo(prev)
                                for (i = 0; i < cnt; i++) {
                                    $('  <a href=\"#\" id=' + (i + 1) + ' class="page">' + (i + 1) + '</a>  <a href=\"#\"> '>>'</a>').InsertAfter(pre);
                                }
  4. var next=$(<a href=\"#\"> '>>'</a>);
  5. $(.page).insertAfter(.page);
                                $pagenumbers.insertAfter('#st');


but it is not working

how to solve this

Regards

Baiju