pagination using javascript

See more:

Javascript

i am having 2 label and i want to show 3 items in one page and other in another page.how to do that pagination and i am using this jsfiddle here http://jsfiddle.net/2b6LL/1/[^] i want to know how to integrate it.

<<pre lang="xml">div id=1>
</div>
<ul class="pagination pagination-lg">
  <li><a href="#">&laquo;</a></li>
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
  <li><a href="#">&raquo;</a></li>
</ul

<pre lang="xml"><pre lang="Javascript">for (var i=0;i<=10;i++){
var a1=$("<label></label>")
                                                 .prop("id",i)
                                                 .text("nand"+i)
                                                 .css({
                                                  'margin-left': '5px'
                                                      });
   var b1=$("<label></label>")
                                                 .prop("id",i)
                                                 .text("nanh"+i)
                                                 .css({
                                                  'margin-left': '5px'
                                                      });
     var c1=$("<label></label>")
                                                 .prop("id",i)
                                                 .text("nanf"+i)
                                                 .css({
                                                  'margin-left': '5px'
                                                      });
$("#1").append(a1).append("<br>").append(b1).append("<br>").append(c1).append("<br>");
}