title: jQuery Pagination Plugin
body: <p>Hopefully this is something that will be easy to remedy.  I'm having a bit of an issue understanding the <a href="http://plugins.jquery.com/project/pagination" rel="nofollow noreferrer">jQuery Pagination</a> plugin.</p>
  
  <p>Essentially, all I am trying to do is load a PHP file, and then paginate the results.  I'm attempting to go off their example, but I am not yielding the results I'm looking for.</p>
  
  <p>Here's the JavaScript: </p>
  
  <pre><code> function pageselectCallback(page_index, jq){
              var new_content = $('#hiddenresult div.result:eq('+page_index+')').clone();
              $('#Searchresult').empty().append(new_content);
              return false;
          }
          function initPagination() {
              var num_entries = $('#hiddenresult div.result').length;
              // Create pagination element
              $("#Pagination").pagination(num_entries, {
                  num_edge_entries: 2,
                  num_display_entries: 8,
                  callback: pageselectCallback,
                  items_per_page:3
              });
           }      
          $(document).ready(function(){      
              $('#hiddenresult').load('load.php', null, initPagination);
          });      
  </code></pre>
  
  <p>Here's my HTML (after the PHP has been loaded):</p>
  
  <pre><code>        &lt;div id="Pagination" class="pagination"&gt; &lt;/div&gt;
          &lt;br style="clear:both;" /&gt;
          &lt;div id="Searchresult"&gt; &lt;/div&gt;
  
         &lt;div id="hiddenresult" style="display:none;"&gt; 
           &lt;div class="result"&gt;Result #1&lt;/div&gt;
           &lt;div class="result"&gt;Result #2&lt;/div&gt;
           &lt;div class="result"&gt;Result #3&lt;/div&gt;
           &lt;div class="result"&gt;Result #4&lt;/div&gt;
           &lt;div class="result"&gt;Result #5&lt;/div&gt;
           &lt;div class="result"&gt;Result #6&lt;/div&gt;
           &lt;div class="result"&gt;Result #7&lt;/div&gt;
         &lt;/div&gt;
  </code></pre>
  
  <p>Basically, I am trying to show "3" items per page, but this is not working.  I'm assuming that somewhere, I am going to need to create a for loop in my JS, but I'm confused on how to do so.  <a href="http://d-scribe.de/webtools/jquery-pagination/lib/jquery_pagination/README" rel="nofollow noreferrer">The documentation can be found here</a>.</p>