title: Adding link to appended table row using jQuery
body: <p>Using jQuery, I append rows to a table and each row contains an anchor tag. The jQuery is then supposed to add in a link to the anchor tag but the links do not show up. The other data (e.g., date, location) fills in fine so I'm not sure what the issue is. </p>
  
  <p>jQuery:</p>
  
  <pre><code>for (var i = 1; i &lt;= 20; i++) {
    ...
    $('.recent-reports tbody').append('&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;a class="js-pdf-download" href=""&gt;Download&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;');
    $('.recent-reports tbody tr:last').find('td').eq(0).text(date)
                                      .find('td').eq(1).text(location)
                                      .find('.js-pdf-download').attr("href", link)
    ...    
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table class="recent-reports"&gt;
      &lt;thead&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>