title: jQuery display only pure HTML in HTML excluding htmlentities
body: <p>I'm currently displaying posts from my database, and this is an example of the 'message' field in my database. The Alice hyperlink links to the user's profile, while the <code>?&amp;lt;</code> etc. are all HTML specified by the user themselves.</p>
  
  <pre><code>&lt;a href="/profile/Alice"&gt;Alice&lt;/a&gt; Alice, you there?&amp;lt;strong&amp;gt;are you here?&amp;lt;/strong&amp;gt;
  </code></pre>
  
  <p>Existing js</p>
  
  <pre><code>$.get('/getUserPosts?id=2', function(data) {
      $.each(data, function(){
          $("#posts").append('&lt;div class="user-post"&gt;'+this.content+'&lt;/div&gt;');
      });
  });
  </code></pre>
  
  <p>As seen above, the link part is in pure html, while the section behind are some html entities. When I'm displaying my code on my webpage via jQuery, it's showing all HTML content.</p>
  
  <p>How can I make it such that it only displays the pure HTML above (Alice hyperlink), and the html entities (<code>?&amp;lt;</code>are you here?<code>&amp;lt;</code>) remain in text form? (But still visible)</p>
  
  <blockquote>
    <p>Current display [Note that @Alice is a hyperlink]: @Alice Alice, you
    there? <strong>are you here?</strong></p>
    
    <p>Expected display [Note that @Alice is a hyperlink]: @Alice Alice, you
    there? <code>&lt;strong&gt;</code>are you here?<code>&lt;/strong&gt;</code></p>
  </blockquote>
  
  <p>Thanks!</p>
  
  <p>Edit: I'm using append to include them in divs.</p>