title: How to create pagination using jquery from all divs with the same class?
body: <p>I have an object <strong>results</strong> with 100 records(rows) outputed on my page. </p>
  
  <p>But it's too much and I want to choped the results in e.g. 5 pages for 20 rows (results)</p>
  
  <p>How can I create a page with pagination using only jquery or some simple jquery plugin?</p>
  
  <p>E.g. I want to grab everything with a class <code>cars-result</code> and make 5 pages for 20 results.</p>
  
  <pre><code>&lt;div id="main"&gt;
  
      &lt;div class="cars-result"&gt;
            &lt;h3&gt;Result 1&lt;/h3&gt;
            &lt;div&gt;Category: Dog&lt;/div&gt;
            &lt;p&gt;dfasdf asdf asf asdf asdf asfd &lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class="cars-result"&gt;
            &lt;h3&gt;Result 2&lt;/h3&gt;
            &lt;div&gt;Category: Cat&lt;/div&gt;
            &lt;p&gt;dfasdf asdf asf asdf asdf asfd &lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class="cars-result"&gt;
            &lt;h3&gt;Result 3&lt;/h3&gt;
            &lt;div&gt;Category: Dog&lt;/div&gt;
            &lt;p&gt;dfasdf asdf asf asdf asdf asfd &lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class="cars-result"&gt;
            &lt;h3&gt;Result 4/h3&gt;
            &lt;div&gt;Category: Dog&lt;/div&gt;
            &lt;p&gt;dfasdf asdf asf asdf asdf asfd &lt;/p&gt;
      &lt;/div&gt;
  
      ...
  
  
  &lt;/div&gt;
  </code></pre>