JQuery html function on a td

Question

Hello all,

I am trying to place some html within a td that has an id but this doesn't seem to work. Can JQuery not put html in a td by using its id as a selector??

I do this:

$('#total_match').html("<b>Test</b>");

Here is the td:

<td id="total_match"></td>

No errors occur and nothing appears in the TD - I view the source to confirm.

I appreciate any help.

Answer 1

$('<table><tr><td id="lol"></td></tr></table>').appendTo('body').find('#lol').html('<b>test</b>')

Works fine for me. Double check and make sure you dont have duplicate ids and are selecting the proper things.

Answer 2

1. Are you sure your ID is unique in the document, maybe jQuery is filling another element with the same ID
2. Are you running the code above inside the jQuery ready event? If not, your DOM may not be fully loaded and the TD does not exist while executing your Javascript

Example:

$(document).ready(function()
{
    $('#total_match').html("<b>Test</b>");
});