For some reason in Internet Explorer (6,7 & 8) trying to set a table contents with .html doesn't work, this results in a empty table, However this does work in Firefox.

Example:

html:

<table id="test_id"></table>

js:

$('#test_id").html("<tr><td>test</td></tr>");

I did find a fix by changing the js to:

$('#test_id").children('tbody').html("<tr><td>test</td></tr>");

But now it doesn't work in firefox, however I did fix it by changing my html to:

<table id="test_id"><tbody></tbody></table>

I expected .html to add a <tbody> to a table if it doesn't exists and set the <tbody> to the html value defined.