JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/ui-lightness/jquery-ui.css">
<table>
    <thead>
        <tr>
            <th>Venue</th>
            <th>Address</th>
            <th>Website</th>
            <th>Genre</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

JavaScript

var data = [{ name: "Aquarium Caf&eacute; Bar",
        site: "http://www.aquariumcafebar.ca",
        address: "2923 Masson 728-6116",
        genre: "default"},
        {name: "Ar&eacute;na Pierre &#8220;Pete&#8221; Morin",
        site: "none",
        address: "1925 St-Antoine 634-3471",
        genre: "default"}
];

var $tbody = $('table > tbody');

for(var i = 0, len = data.length; i < len; i++) {
    var $tr = $('<tr />');
    $('<td/>',{text:data[i].name}).appendTo($tr);
    $('<td/>',{text:data[i].site}).appendTo($tr);
    $('<td/>',{text:data[i].address}).appendTo($tr);
    $('<td/>',{text:data[i].genre}).appendTo($tr);
    $tr.appendTo($tbody);
}