title: Rendering mySQL string as HTML in Bootstrap Modal window
body: <p>Sorry if this has been asked before. I couldn't find anything that resolved this issue for me.</p>
  
  <p>I have Google Maps API pulling data from a mySQL database via PHP. 
  The results are plotted on the map as markers.</p>
  
  <p>From there, I am using Bootstrap to display a modal window when a marker is clicked. The content of the modal is coming dynamically from the database.</p>
  
  <p>Everything is working fine EXCEPT one of the database fields is populated with a HTML string coming from a rich text input. Something simple like this:</p>
  
  <pre><code>&lt;b&gt;this is bold text&lt;/b&gt;
  </code></pre>
  
  <p>When I put this string directly into my javascript listener like this:</p>
  
  <pre><code>$('.modal-body').html('&lt;b&gt;this is bold text&lt;/b&gt;');
  </code></pre>
  
  <p>the HTML is parsed fine and I get the expected output with bold text and no visible tags.</p>
  
  <p>But when I use the string queried from the database like this:</p>
  
  <pre><code>$('.modal-body').html(content);
  </code></pre>
  
  <p>it is displayed as raw text with tags showing and no formatting.</p>
  
  <p>This is the test page I am working with <a href="http://www.toyonder.com/mapTest/mapTest.html" rel="nofollow">http://www.toyonder.com/mapTest/mapTest.html</a></p>
  
  <p>Any ideas how I would go about getting the queried string to render as HTML?</p>