Why can't I add a <br /> with JQuery .html?

Question

Why does this code work:

$('div.error_container').html('<div class="error">No more foo allowed</div>');

But this code causes an error:

$('div.error_container').html('<div class="error">No more foo allowed<br /></div>');

I've tried putting the <br /> before and after the </div> tag, same error. I've tried changing it from <br /> to <br>. Chrome always says the following in the inspector:

Uncaught SyntaxError: Unexpected token ILLEGAL

Answer 1

Try breaking it up into a chain:

var $div = $('<div class="error"></div>').html('No more foo allowed')
                                         .append('<br />');
$('div.error_container').html($div);