title: Can't define html content of HTML tag with innerHtml
body: <p>I have this code Html code in my recent project:</p>
  
  <pre><code>&lt;div class="tabset"&gt;
      ...
      &lt;input type="radio" name="tabset" id="tab-insert" aria-controls="insert" style="display: none;"&gt;
      &lt;label for="tab-insert" id="label-insert" style="display: none;"&gt;Insert&lt;/label&gt;
      ....
      &lt;div class="right"&gt;
          &lt;a href="#" class="myButton" onclick="insert_data();"&gt;Novo&lt;/a&gt;
      &lt;/div&gt;
      ....
      &lt;div class="tab-panels"&gt;
      ....
      &lt;div class="tab-panel" id="insert" style="display: none;" th:attr="data-url=@{/__${#strings.toLowerCase(classe.simpleName)} __/insert}"&gt;
          &lt;p id="form-insert"&gt;&lt;/p&gt;
      &lt;/div&gt;
      ...
  &lt;/div&gt;
  </code></pre>
  
  <p>when I click on the button above, triggers this javascript function:</p>
  
  <pre><code>function insert_data() {
    if(document.getElementById('tab-insert').style.display === 'none') {
      var url = document.getElementById('insert').dataset.url;
  
      var xmlhttp = new XMLHttpRequest();
      xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 &amp;&amp; this.status == 200) {
          var myObj = this.responseText;
  
          parser = new DOMParser();
          var doc = parser.parseFromString(myObj, "text/html");
          var form_html = doc.getElementById('form');
  
          document.getElementById('tab-insert').removeAttribute('style');
          document.getElementById('label-insert').removeAttribute('style');
          document.getElementById('insert').removeAttribute('style');
  
          document.getElementById('form-insert').innerHtml = form_html;
  
          document.getElementById('tab-insert').setAttribute('checked', 'checked');
          document.getElementById('tab-listagem').removeAttribute('checked');
        }
      };
      xmlhttp.open("GET", url, true);
      xmlhttp.send();
    }
  }
  </code></pre>
  
  <p>which is executed by the browser with no error in the console, but no code is added to the <code>&lt;p id="form-insert"&gt;&lt;/p&gt;</code> block.</p>
  
  <p>Cannot figure out what's wrong here. Someone can give a hint of how to make this work?</p>
  
  <p>(I checked, the variable <code>form_html</code> is receiving the right value; all the code seems to work fine, except the line <code>document.getElementById('form-insert').innerHtml = form_html;</code>).</p>