使用jquery使用分页搜索

Question

我使用jquery创建自定义搜索我想用ul li的分页显示搜索结果数据这里是我的HTML

div id="test-list">
    <input type="text" class="search" />
    <ul class="list">
      <li><div class="abc">Guybrush Threepwood</div></li>
      <li><div class="abc">Elaine Marley</div></li>
      <li><div class="abc">LeChuck</div></li>
      <li><div class="abc">Stan</div></li>
      <li><div class="abc">Voodoo Lady</div></li>
      <li><div class="abc">Herman Toothrot</div></li>
      <li><div class="abc">Meathook</div></li>
      <li><div class="abc">Carla</div></li>
      <li><div class="abc">Otis</div></li>
      <li><div class="abc">Rapp Scallion</div></li>
      <li><div class="abc">Rum Rogers Sr.</div></li>
      <li><div class="abc">Men of Low Moral Fiber</div></li>
      <li><div class="abc">Murray</div></li>
      <li><div class="abc">Cannibals</div></li>
    </ul>
    <ul class="pagination"></ul>

分页看起来像这张图片

我正在使用此list search