jQuery .after() not working in IE

Question

I am trying to add a table row to a table using .after() but it's not working in any IE, I keep getting this error "Object required" and the error seems to be coming from line 5151 in my jQuery library.

Here is my code:

$('#view').live('click',function(){
    var parent = $(this).parent();
    parent.after("<tr><td>Test</td></tr>"); 
});

Any ideas?

Answer 1

A likely reason is that the HTML code isn't valid without a table tag.

Create the elements as separate elements instead:

parent.after($('<tr/>').append($('<td/>').text('Test')));

Answer 2

I would definitely validate your HTML first; this kind of thing often fails beacuse IE is less "generous" when things aren't valid.

Do you know what parent is? is it definitely a tr?

Answer 3

Works fine for me in IE, FF and Chrome: demo.