grid not parsing data

I can’t get this to load in the grid.

Script:
function loadGrid(Val) {
//var data = JSON.parse(Val);

//what Val looks like:
var data = { “rows”: [{ “id”: 5, “data”: [5, “tom”, “03/16/2015”] }, { “id”: 55, “data”: [55, “scott”, “03/16/2014”]}] };

mygrid = new dhtmlXGridObject('mygrid');
mygrid.setImagePath("dhtmlx/images");
mygrid.setSkin("dhx_terrace");
mygrid.enableSmartRendering(true);
mygrid.setHeader("Id,Name,Date");
mygrid.setColValidators("NotEmpty,NotEmpty,NotEmpty");
mygrid.setInitWidths("100,100,*");
mygrid.setColAlign("left,left,left");
mygrid.setColTypes("ed,ed,ed");
mygrid.setColSorting("str,str,str");
mygrid.enableTooltips("true");
mygrid.init();

mygrid.parse(data, "json");

}

the grid is rendered to the screen, i see the data in the browser console and can step through the client side code to see the data but it is never presented in the grid.

Please, try to set the height to your grid container: