title: How can I render html code in a div using Javascript or jQuery
body: <p>I'm trying to render some HTML on the fly in my website without success. I've tried using jQuery's .html() function as below:</p>
  
  <p><strong>My html</strong>      </p>
  
  <pre><code>&lt;div id='open_ender_output'&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>My JQuery</strong></p>
  
  <pre><code>var openEnderContent = "&amp;lt;p&amp;gt;&amp;lt;span style="color: #ff0000;"&amp;gt;DDD&amp;lt;/span&amp;gt;!!!!!&amp;lt;strong&amp;gt;666666666666&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;"
  //openEnderContent comes from my backend
  $('#open_ender_output').html(openEnderContent)
  </code></pre>
  
  <p><strong>The result is</strong></p>
  
  <pre><code>&lt;p&gt;&lt;span style="color: #ff0000;"&gt;DDD&lt;/span&gt;!!!!!&lt;strong&gt;666666666666&lt;/strong&gt;&lt;/p&gt;
  </code></pre>
  
  <p>Is there a way to make the browser render that result on the fly so it  reflects the specific styles set on the text?</p>