title: JavaScript - append() not appending a button, but text
body: <p>Example:</p>
  
  <pre><code>var buttonHTML = "&lt;button&gt;MyButton&lt;/button&gt;";
  document.getElementById("myDiv").append(buttonHTML);
  </code></pre>
  
  <p>In this case, the function ends up appending the text into the div.</p>
  
  <p>However, if I do the same with JQ:</p>
  
  <pre><code>$("#myDiv").append(buttonHTML);
  </code></pre>
  
  <p>In this case it will actually append the button.
  Now, for various reasons, I have to use plain JS (not JQ).</p>
  
  <p>Anyone have any ideas?</p>