title: jQuery - Pagination with dynamic content
body: <pre><code>&lt;style type="text/css"&gt;
  .model {
    display: none;
  }
  .header {
    cursor: pointer;
  }
  &lt;/style&gt;
  &lt;div class="model"&gt;item &lt;span&gt;1&lt;/span&gt;&lt;/div&gt;
  &lt;div class="header"&gt;Add an item&lt;/div&gt;
  &lt;div class="itemlist"&gt;
    &lt;div&gt;item &lt;span&gt;1&lt;/span&gt;&lt;/div&gt;
    &lt;div&gt;item &lt;span&gt;2&lt;/span&gt;&lt;/div&gt;
    &lt;div&gt;item &lt;span&gt;3&lt;/span&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If the user clicks on the header, my javascript clones <em>.model</em> and prepends <em>.itemlist</em> with it.<br>
  I would like to paginate (no need for ajax) this dynamic <em>.itemlist</em> with for example 10 items per page.<br>
  I tried 2 or 3 jquery plugins but I can't find one that manages the pagination with a dynamic list.</p>