title: "Uncaught Syntax Error : Unexpected token < " when using jQuery's append
body: <p>Here is a <a href="http://jsfiddle.net/9vWkJ/" rel="nofollow">jsFiddle demo</a> of my problem.</p>
  
  <p>This jquery snippet adds 3 divs once a click event is fired. However, the console says "Uncaught Syntax Error : Unexpected token &lt; ".</p>
  
  <p>script</p>
  
  <pre><code>$('#e16').on('click', function(){
   $(this).append("&lt;div id='e17' class='kim2bb'&gt;Alcohol 0.2+&lt;/div&gt;
                   &lt;div id='e18' class='kim2bb'&gt;Alcohol 1.0~2.0&lt;/div&gt;
                   &lt;div id='e19' class='kim2bb'&gt;Alcohol 0.05~1.0&lt;/div&gt;");
  });
  </code></pre>
  
  <p>html</p>
  
  <pre><code>&lt;div id="e16" class="kim2bb"&gt;Drunken Drive&lt;/div&gt;
  </code></pre>