title: Loading DIV content via ajax as HTML
body: <p>I think I have a very simple question, but I couldn't find a solution.
  So what I want is to load a DIV content via HTML. The problem is that it is not just a text, but also an image. The ajax call returns the HTML code, but this is displayed in the DIV as HTML and is not executed. Difficult to explain, but obvious from the example...
  The AJAX call returns the string: </p>
  
  <pre><code>&lt;img src="/images/weather/1.png" width="80px"&gt;&lt;br&gt;3.3 °C
  </code></pre>
  
  <p>The problem is obvious. Instead of an image and the 3.3°C in the div, I get the actual code, so instead of the image I see img src=.... </p>
  
  <p>I know that i need to somehow decode the HTML, but I have no clue how to do this and would very much appreciate any help.</p>
  
  <p>My Javascript code is:</p>
  
  <pre><code>var xmlhttp;
  if (window.XMLHttpRequest) {
      // code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp = new XMLHttpRequest();
  } else {
      // code for IE6, IE5
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange = function () {
      if (xmlhttp.readyState == 4 &amp;&amp; xmlhttp.status == 200) {
          newtext = xmlhttp.responseText;
      }
  }
  xmlhttp.open("GET", "message_ajax.php", true);
  xmlhttp.send();
  $('#text').fadeOut(function () {
      $(this).text(newtext).fadeIn();
  })
  </code></pre>