I tried to fetch newly appended row to my table and change its content, it seems that the object which I have selected is somehow different from the object appended. limiting the search boundary solved the problem (the ID is guaranteed to be unique):

table is jquery object containing a table object

//below is not working

var currentRowID = "__monitoringDataRow"+(++sequenceGen);

var tr = "<tr id='"+currentRowID+"'></tr>"

if(oldRows.rows.length == 0)

table.append(tr);

var jrow = $("#"+currentRowID);

jrow.html("<td style='width:150px'>"+row.displayName+"</td><td style='width:150px'>"+row.lastDateTime+"</td><td>"+ProcessLastAction(row.lastAction, currentRowID)+"</td>");

// the content do not change although the row is appended (an empty row).

//below is working

var currentRowID = "__monitoringDataRow"+(++sequenceGen);

var tr = "<tr id='"+currentRowID+"'></tr>"

if(oldRows.rows.length == 0)

table.append(tr);

var jrow = table.find("#"+currentRowID);

jrow.html("<td style='width:150px'>"+row.displayName+"</td><td style='width:150px'>"+row.lastDateTime+"</td><td>"+ProcessLastAction(row.lastAction, currentRowID)+"</td>");

// the content do not change although the row is appended (an empty row)