title: How do I make my links in a csv clickable in HTML?
body: <p>I have a csv file that loads my data dynamically but for some reason my links are not clickable in the HTML file. </p>
  
  <p>Here is the contents of my csv file:</p>
  
  <pre><code>ID,City,Website,ZipCode 
  1,Florida,https://www.test.com,33601 
  2,Ohio,https://www.test.com,55555 
  3,Indiana,https://www.test.com,46032
  </code></pre>
  
  <p>and here is my code I have so far:</p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
   &lt;html lang="en" &gt;
  
   &lt;head&gt;
   &lt;meta charset="UTF-8"&gt;
   &lt;script src='jquery.min.js'&gt; &lt;/script&gt;
   &lt;title&gt;Parsing CSV Files&lt;/title&gt;
   &lt;script&gt;
  
      (function($) {
  
    //$(document).ready(function() {
  
   'use strict';
  
    $.ajax({
    url: 'csv_data.csv',
    dataType: 'text',
    }).done(successFunction);
  
    function successFunction(data) {
    var allRows = data.split(/\r?\n|\r/);
    var table = '&lt;table&gt;';
    for (var singleRow = 0; singleRow &lt; allRows.length; singleRow++) {
    if (singleRow === 0) {
      table += '&lt;thead&gt;';
      table += '&lt;tr&gt;';
    } else {
      table += '&lt;tr&gt;';
    }
    var rowCells = allRows[singleRow].split(',');
    var a = $('#test').text();
    document.getElementById("test").innerHTML = a;
    for (var rowCell = 0; rowCell &lt; rowCells.length; rowCell++) {
      if (singleRow === 0) {
        table += '&lt;th&gt;';
        table += rowCells[rowCell];
        table += '&lt;/th&gt;';
      } else if(rowCells[0]==a){
        table += '&lt;td&gt;';
        table += rowCells[rowCell];
        table += '&lt;/td&gt;';
      }
    }
    if (singleRow === 0) {
      table += '&lt;/tr&gt;';
      table += '&lt;/thead&gt;';
      table += '&lt;tbody&gt;';
      } else {
      table += '&lt;/tr&gt;';
     }
    }
    table += '&lt;/tbody&gt;';
    table += '&lt;/table&gt;';
    $('body').append(table);
    }
  
    // });
  
    })(jQuery);
    &lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
    &lt;pan id="test"&gt;2&lt;/span&gt;
    &lt;/body&gt;
  </code></pre>
  
  <p>Right now my links are just static text when the data is loaded in the HTML file. How would I render them as clickable based on what I have in my csv file?</p>