why isn't the grid showing both rows of data?

I have a grid that is populated from an ajax call. The div is filled with the grid and the json data is loaded into the grid. Yet is doesn’t show both rows even though the json data has both rows.

function bindmydata® {
var data = rtnVal.replace(/^"(.*)"$/, ‘$1’);

myGrid = new dhtmlXGridObject('grdMy');
myGrid.setImagePath("Images/dhtmlx/");
myGrid.enableSmartRendering(true);
myGrid.setHeader("My Data");
myGrid.setInitWidths("*");
myGrid.setColAlign("left");
myGrid.setColTypes("ro");
myGrid.enableTooltips("true");
myGrid.init();

myGrid.parse(r, "json");

}

json data -
{
“rows”: [
{
“id”: 7,
“data”: [ “my data one” ]
},
{
“id”: 7,
“data”: [ “my data two” ]
}
]
}

As of now it only loads one row of the two rows and if there is only one row in the json it loads the one row. Any ideas?

Each row should have a unique id. Both your rows have the id “7”