title: Reinitializing jScroll after AJAX call? (Still loading old href after AJAX load)
body: <p>I'm paginating search results returned from an AJAX call with <a href="http://jscroll.com/" rel="noreferrer">jScroll</a>:</p>
  
  <pre><code>$('#search').keyup(function() {
      var search = $(this).val();
      $.get('/search', {search : search}, function(results) {
          $('.scroll-table').html(results);
          $('.scroll-table').jscroll();
      });
  });
  </code></pre>
  
  <p>After making a new search, when I scroll to the bottom, jScroll loads the content of the last href for the old search.</p>
  
  <p>So if my old _nextHref was <code>/search?query=A&amp;page=3</code> and I enter B in the search field, instead of loading <code>/search?query=B&amp;page=2</code> from the new href, it will load <code>/search?query=A&amp;page=3</code> from the old href.</p>
  
  <p>Apparently calling jscroll() from the ajax success function won't reconstruct it and _nextHref stays set to its old value. I tried destroying it before loading it, but it will keep it fom loading altogether:</p>
  
  <pre><code>$('#search').keyup(function() {
      var search = $(this).val();
  
      $('.scroll-table').jscroll.destroy();
  
      $.get('/search', {search : search}, function(results) {
          $('.scroll-table').html(results);
          $('.scroll-table').jscroll();  /* now jScroll won't load at all */
      });
  });
  </code></pre>
  
  <p>Can you please give me an example how to reinitialize jScroll so it loads the new href?</p>