Add 'a href' row to key value table with hyperlink using jquery
<p>The table below creates a key value (all text) table for column name and associated property.  How can I create a special case to ensure a hyperlink for the value from column 'url' instead of text like the rest.</p>

<p>With the following..</p>

<pre><code>var table = $("&lt;table&gt;&lt;tr&gt;&lt;th&gt;Column&lt;/th&gt;&lt;th&gt;Value&lt;/th&gt;&lt;/tr&gt;&lt;/table&gt;");
var keys = Object.keys(properties);
var banProperties = ['geom'];
**var url = ['url'];**
for (var k = 0; k &lt; keys.length; k++) {
  if (banProperties.indexOf(keys[k]) === -1) {
    var row = $("&lt;tr&gt;&lt;/tr&gt;");
    row.append($("&lt;td&gt;&lt;/td&gt;").text(keys[k]));
    row.append($("&lt;td&gt;&lt;/td&gt;").text(properties[keys[k]]));

    //Add conditional statment here to ensure href instead of text
    //    on column 'url'

    table.append(row);
  }
}
</code></pre>

<p>I get this...
<a href="https://i.stack.imgur.com/P6xUf.png" rel="nofollow"><img src="https://i.stack.imgur.com/P6xUf.png" alt="enter image description here"></a></p>

<p>I have tried something like this...</p>

<pre><code>var table = $("&lt;table&gt;&lt;tr&gt;&lt;th&gt;Column&lt;/th&gt;&lt;th&gt;Value&lt;/th&gt;&lt;/tr&gt;&lt;/table&gt;");
var keys = Object.keys(properties);
var banProperties = ['geom'];
var url = ['url'];
for (var k = 0; k &lt; keys.length; k++) {
  if (banProperties.indexOf(keys[k]) === -1) {
    var row = $("&lt;tr&gt;&lt;/tr&gt;");
    row.append($("&lt;td&gt;&lt;/td&gt;").text(keys[k]));
    //row.append($("&lt;td&gt;&lt;/td&gt;").text(properties[keys[k]]));
    row.append($("&lt;td&gt;&lt;/td&gt;").html('&lt;a href="#"&gt;Foo&lt;/a&gt;'));
    table.append(row);
  }
}
</code></pre>

<p>Which produces the following result...</p>

<p><a href="https://i.stack.imgur.com/W7PxQ.png" rel="nofollow"><img src="https://i.stack.imgur.com/W7PxQ.png" alt="enter image description here"></a></p>

<p>How do I combine these methods to only create hyperlink on 'url' field?</p>