title: Output HTML string from Json with jQuery
body: <p>Using jQuery I'm trying to output Json data containing a big chunk of HTML. This results in the HTML is being printed out in plain text, because it puts quotations marks around it. I want it as formated HTML. How can I achieve this? It's Json data from the Reddit API.</p>
  
  <p><strong>My jQuery</strong></p>
  
  <pre><code>    $.getJSON('https://www.reddit.com/r/GlobalOffensive/.json', function(data) {
  
      $.each(data.data.children.slice(0,5), function(key, val) {
  
          longHTML += '&lt;div class="post"&gt;'+val.data.selftext_html+'&lt;/div&gt;&lt;hr&gt;'
  
      });
  
        $(".reddit-content").html(longHTML);
  
  });
  </code></pre>
  
  <p><strong>Results in</strong></p>
  
  <pre><code>&lt;div class="post"&gt;"&lt;!-- SC_OFF --&gt;&lt;div class="md"&gt;&lt;h3&gt;&lt;a href="#fnatic-logo"&gt;&lt;/a&gt; Fnatic 0-2 &lt;a href="#vp-logo"&gt; ... etc etc ... &lt;hr/&gt; &lt;/div&gt;&lt;!-- SC_ON --&gt;"&lt;/div&gt;
  </code></pre>