JQuery Pagination for multiple components of same type on a single webpage doesnt work
<p>On a single wepage i need to apply pagination for three similar type of components(c1,c2,c3) and end up getting all data being displayed only under first component with pagination(includes links to pages 123456- 1,2 includes c1 data, 3,4- c2 data, 5,6- c3 data). Even tried creating different set of pagination options. Would like to know if i am missing anything here.</p>

<pre><code>var pagination_options = {  

        callback: pageselectCallback,   
        items_per_page:1

        } 

    function pageselectCallback(page_index, jq){
        var items_per_page = pagination_options.items_per_page;  
        var offset = (page_index) * items_per_page;         
        var new_content = jQuery('#hiddenresult div.result').slice(offset, offset + $(items_per_page)).clone();
        $('#Searchresult').empty().append(new_content);
        return false;
    }


         function initPagination() {
            var num_entries = jQuery('#hiddenresult div.result').length;
      $("#Pagination").pagination(num_entries, pagination_options);

   }
    $(document).ready(function(){      
        initPagination();
    });
</code></pre>

<p>Tried even adding another set of code for "#Pagination2" providing </p>

<p>With this there is another pagination set getting displayed but still under same first component.</p>

<p>I need pagination in all three similar type components separately on same webpage.</p>

<p>Appreciate all your help &amp; Thanks!!</p>
