title: Table pagination using jQuery
body: <p>I'm having problems using jQuery to paginate a table on my webProject here is my code, I cant see what am I doing wrong</p>
  
  <p>here is my html</p>
  
  <pre><code>&lt;script type="text/javascript" src="${ctx}/js/device/device.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="${ctx}/js/jquery/jquery.paginate.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="${ctx}/js/jquery/jquey.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="${ctx}/css/paginate.css" media="screen" /&gt;
  
  &lt;table id="deviceholder"&gt;
          &lt;c:forEach var="device" items="${devices}"&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;a href="&lt;c:url value="/device/update/${device.id}"/&gt;"&gt;${device.name}&lt;/a&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;a href="&lt;c:url value="/device/update/${device.id}"/&gt;"&gt;${device.code}&lt;/a&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;a href="&lt;c:url value="/comandos/${device.id}"/&gt;"&gt;&lt;img
                          src="${ctx}/images/comandos.png" alt="Comandos" title="Comandos"&gt;&lt;/a&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;a id="${device.id}" class="delete" href="#"&gt;&lt;img
                          src="${ctx}/images/editar.png" alt="Editar" title="Editar"&gt;&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/c:forEach&gt;
          &lt;/table&gt;
  </code></pre>
  
  <p>here is my javaScript</p>
  
  <pre><code>$("deviceholder").paginate({
          start       : 1,
          display     : 8,
          border                  : true,
          border_color            : '#fff',
          text_color              : '#fff',
          background_color        : 'black',  
          border_hover_color      : '#ccc',
          text_hover_color        : '#000',
          background_hover_color  : '#fff', 
          images                  : false,
          mouse                   : 'press'});
  </code></pre>