title: Jquery-ias breaking clickable row
body: <p>I am using jQuery 2.1.1, and have been using it to add 'clickable' to rows returned from a database using this:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  jQuery( function($) {
      $('tbody tr[data-href]').addClass('clickable').click( function() {
      window.location = $(this).attr('data-href');
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>That has been working fine. I have now added jquery-ias (2.1.2), and only the first page of returned results has clickable rows. </p>
  
  <p>My jquery-ias code is as follows:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
              // Infinite Ajax Scroll configuration
          jQuery.ias({
              container : '.wrap', // main container where data goes to append
              item: '.item', // single items
              pagination: '.nav', // page navigation
              next: '.nav a', // next page selector
              negativeMargin: 250,
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Jquery-ias is working fine, the pages are loading as needed, but the resultant rows are not clickable.</p>
  
  <p>Inspecting the page in Chrome shows that the subsequently loaded rows have not had the clickable attribute added.</p>
  
  <p>The relevant row in the php is this:</p>
  
  <pre><code>&lt;tr class='resultsrow item' &lt;?php echo "data-href='carddetail.php?setabbrv={$row['setcode']}&amp;number={$row['number']}&amp;id={$row[1]}'"; ?&gt;&gt;
  </code></pre>
  
  <p>All works fine if I use either, but how do I get them to play nicely together?</p>
  
  <p>EDIT.....</p>
  
  <p>OK, I have worked around it using the jquery-ias built-in pageChange event. </p>
  
  <pre><code>jQuery.ias().on('pageChange', function(pageNum, scrollOffset, url) {
     var delay=1000;
     setTimeout(function(){
     jQuery( function($) {
          $('tbody tr[data-href]').addClass('clickable').click( function() {
          window.location = $(this).attr('data-href');
          });
     });
     },delay); 
  });
  </code></pre>
  
  <p>This way when ias finds a page change, it waits a second for the page structure to load, and then applies the clickable class. </p>
  
  <p>I can't see this working if it's waiting for images though... doesn't have to for this instance, but there's got to be a better way to do this. </p>
  
  <p>Any pointers?</p>