Question

I found a weird behavior of jquery’s html function.

I have the following code snippet.

HTML

<div id='content'></div>​

Javascript

var test2 = "<h5>test(S)</h5><span class='small_text>Apr 20, 2012 @ 07:00PM<br />Section 102 Row G Seat 14-14<br />";

$(document).ready(function(){

    $("#content").html(test2);

});​

When I run the code, it can only see ‘test(S)’. It looks jquery ignores the rest of the string.

I created a jsfiddle.

http://jsfiddle.net/E3X33/

Am i using it incorrectly? or is there a undocumented stuff…?

Answer 1

You’re not closing the <span> tag, plus closing quote of the class attribute

Should be:

var test2 = "<h5>test(S)</h5><span class='small_text'>Apr 20, 2012 @ 07:00PM<br />Section 102 Row G Seat 14-14<br /></span>";