Appending large block of html with append()

Question

Im trying to append a large block of text using jquery\'s append().

$(\'#add_contact_btn\').click(function(event) {
    event.preventDefault();

    var large =         


        

Answer 1

If line-breaks are an issue just use innerHTML, works in every browser since IE5:

$('#accordion_container')[0].innerHTML += large;​

Or, for collections:

$('.accordion_container').forEach(function () {
    this.innerHTML += large;​
});