title: Why cant i add the value in this variable to my table?
body: <p>I'm trying to add a variable (key) to a string(table_data) and use it in the creation of a table, my problem is that when I try to concatenate it into a string it gives me the variable name and not the value. when I print the variable on its own I get the value. when I try open the page with this table I get the error "Could not parse the remainder: '\'webapp-graphv2\' '+key+' from '\'webapp-graphv2\' '+key+'". I'm really struggling to figure this out and would appreciate some help.</p>
  
  <pre><code>function populateTable(){
  $.ajax({
    method: "GET",
    url: endpoint,
    success: function(data){
      console.log(data)
      $("#stats tr").remove();
      var table_data ='';
  
  
      for (var key in data){
        table_data += '&lt;td&gt;&lt;a href = "{% url \'webapp-graphv2\' '+key+'%}"&gt;Link&lt;/a&gt;&lt;/td&gt;';
        table_data += '&lt;td&gt;' +key+ '&lt;/td&gt;'
        table_data += '&lt;td&gt;' +data[key].EUR.PRICE+ '&lt;/td&gt;';
        table_data += '&lt;td&gt;' +data[key].EUR.HIGHDAY+ '&lt;/td&gt;';
        table_data += '&lt;td&gt;' +data[key].EUR.LOWDAY+ '&lt;/td&gt;';
        table_data += '&lt;td&gt;' +data[key].EUR.MKTCAP+ '&lt;/td&gt;';
  
        if (data[key].EUR.CHANGEPCT24HOUR[0] == '-') {
          table_data += '&lt;td style = "color:red"&gt;' +data[key].EUR.CHANGEPCT24HOUR+ '&lt;/td&gt;';
        } else {
          table_data += '&lt;td style = "color:green"&gt;' +data[key].EUR.CHANGEPCT24HOUR+ '&lt;/td&gt;';
        }
        table_data += '&lt;/tr&gt;';
      }
      $('#stats').append(table_data);
      },
    })
    setTimeout(populateTable,1000);
  }
  
  </code></pre>