title: Appending large block of html with append()
body: <p>Im trying to append a large block of text using jquery's append(). </p>
  
  <pre><code>$('#add_contact_btn').click(function(event) {
      event.preventDefault();
  
      var large = '&lt;div class="accordian_container"&gt;&lt;a href="#" class="accordian_trigger"&gt;&lt;h4&gt;Co-Borrower Information&lt;/h4&gt;&lt;/a&gt;&lt;hr/&gt;&lt;div class="accordian_item" id="accord_item_2"&gt;&lt;label&gt; First Name&lt;/label&gt;&lt;br/&gt;&lt;input type="text"/&gt;&lt;br/&gt;&lt;label&gt;Middle Name&lt;/label&gt;&lt;br/&gt;
              &lt;input type="text"/&gt;&lt;br/&gt;
              &lt;label&gt;Last Name&lt;/label&gt;&lt;br/&gt;
              &lt;input type="text" /&gt;&lt;br/&gt;
              &lt;label&gt;Home Number&lt;/label&gt;&lt;br/&gt;
              &lt;input type="text"/&gt;&lt;br&gt;
              &lt;label&gt;Work Number&lt;/label&gt;&lt;br/&gt;
              &lt;input type="text"/&gt;&lt;br&gt;
              &lt;label&gt;Cell Number&lt;/label&gt;&lt;br/&gt;
              &lt;input type="text"/&gt;&lt;br&gt;
              &lt;/div&gt;
              &lt;/div&gt;';
  
      $('#accordion_container').append(large);
  
  
  
  });
  </code></pre>
  
  <p>It doesn't seem to be working and after looking at the documentation for append(), I can't figure out why - any ideas? Is it the large amount of HTML that I am trying to append?</p>