title: Append HTML Block jQuery
body: <p>Hello I am currently trying to append a block of HTML to a class on my page however whenever I use the following code it seems to break my whole entire script without any errors in the console:</p>
  
  <pre><code>$('.colon1').append("&lt;div id='new-model-slider' class='owl-carousel owl-theme'&gt;
  &lt;div class='item'&gt;&lt;img src='/media/wysiwyg/porto/cmspages/ssangyong/tivoli/7-SsangYong_Tivoli.jpg' alt='SsangYong Tivoli Red'&gt;&lt;/div&gt;
  &lt;div class='item'&gt;&lt;img src='/media/wysiwyg/porto/cmspages/ssangyong/tivoli/12-SsangYong_Tivoli_seating.jpg' alt='Tivoli Seating'&gt;&lt;/div&gt;
  &lt;/div&gt;");
  </code></pre>
  
  <p>I'm aware this is bad practice when it comes to adding HTML however I am unable to use AJAX for a specific reason.</p>
  
  <p>Any idea why this JS might not be appending within my class?</p>
  
  <p>Thanks</p>