Why can I append to an empty table but not set its html via jQuery in IE7?

Question

This problem only occurs using IE (only tested in IE 7, works fine in firefox/chrome).

I've got an empty table element on my page with id='settings'. After an ajax call executes I place the results of said ajax call into my empty table element like so:

$("#settings").html(msg);

Well that just isn't working... if I alert(msg); I see the html that should be placed into that empty table. The html is valid but for some reason IE7 just isn't rendering it.

I tinkered around for a while and finally tried this:

$(msg).appendTo("#settings");

Like magic this has some how fixed the issue. Any ideas why the appendTo() method would work but not the html() method?

Thanks!

Answer 1

IE needs a tbody tag for this to work ;)