title: jQuery AJAX Get html is put like text
body: <p>I have this ajax function</p>
  
  <pre><code>   $.ajax({
          url: requestUrl,
          type: 'get',
          dataType: 'html',
          beforeSend: function() {
          },
          complete: function() {
          },      
          success: function(html) {
  
          var tab_item = document.getElementById(tab);
              try{
                  tab_item.innerHTML = html;
              }catch(e){
                  tab_item.innerText = html;
              }
         }
      });
      }
  </code></pre>
  
  <p>}</p>
  
  <p>with tab and requestUrl vars set before ajax. 
  The response is </p>
  
  <pre><code>&lt;p&gt;&amp;&lt;/p&gt;
  &lt;p&gt;
      &lt;meta content="text/html; charset=utf-8" http-equiv="content-type" /&gt;
  &lt;/p&gt;
  &lt;div style="font-family: Arial, Verdana, sans-serif; font-size: 12px; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); "&gt;
      &lt;p&gt;
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris at.&lt;/p&gt;
  &lt;/div&gt;
  &lt;p&gt;&amp;&lt;/p&gt;
  </code></pre>
  
  <p>It is placed in a div and looks like this</p>
  
  <pre><code>&lt;p&gt; &amp;nbsp;&lt;/p&gt; &lt;p&gt; &lt;meta content="text/html; charset=utf-8" http-equiv="content-type" /&gt; &lt;/p&gt; &lt;div style="font-family: Arial, Verdana, sans-serif; font-size: 12px; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); "&gt; &lt;p&gt; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris at.&lt;/p&gt; &lt;/div&gt; &lt;p&gt; &amp;nbsp;&lt;/p&gt; 
  </code></pre>
  
  <p>Instead of try-catch I used $('#'+tab).html(html)  and   $('#'+tab).text(html)  but they either don't have result or the result is the same. I also tried the json dataType but I had similar problems.</p>
  
  <p>What do I miss ? Should I use a different DOM element ?</p>