title: chrome extension problem with jquery .click() in table pagination
body: <p>I made a chrome extension that calculates the graduation average from the exam portal; the exams are contained in a table with pagination:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> 
  &lt;tfoot&gt;
      &lt;tr class="footable-paging"&gt;
          &lt;td colspan="7"&gt;
              &lt;div class="footable-pagination-wrapper"&gt;
                  &lt;ul class="pagination"&gt;
                      &lt;li class="footable-page-nav disabled" data-page="first"&gt;
                          &lt;a class="footable-page-link" href="#"&gt;«&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li class="footable-page-nav disabled" data-page="prev"&gt;
                          &lt;a class="footable-page-link" href="#"&gt;‹&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li class="footable-page visible active" data-page="1"&gt;
                          &lt;a class="footable-page-link" href="#"&gt;1&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li class="footable-page visible" data-page="2"&gt;
                          &lt;a class="footable-page-link" href="#"&gt;2&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li class="footable-page-nav" data-page="next"&gt;
                          &lt;a class="footable-page-link" href="#"&gt;›&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li class="footable-page-nav" data-page="last"&gt;
                          &lt;a class="footable-page-link" href="#"&gt;»&lt;/a&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;div class="divider"&gt;&lt;/div&gt;
                  &lt;span class="label label-default"&gt;Pagina 1 di 2, righe da 1 a 30 di 53 &lt;/span&gt;
              &lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tfoot&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>to navigate through the pages I used this jquery</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var $click = $('li[data-page="next"]').children();
  $click[0].click();</code></pre>
  </div>
  </div>
  </p>
  <p>in this way I was able to scroll through all the pages and recover all the exam marks.
  For some time, however, the chrome extension is no longer able to change the page with this method, even if it always works from the browser console.
  Can you tell me if there is a way to get the code in the chrome extension to work again or if there is a different method to retrieve the table data of all the pages?
  Thanks</p>