title: append is not exist on a div element
body: <p>this is my code</p>
  
  <pre><code>for (i = 0 ; i&lt; number ; i++){
      var iDiv = document.createElement('div');
      iDiv.append("&lt;label for=\"timeslot\" class=\"p-label-required\"&gt;Time Slot&lt;/label&gt;")
      iDiv.append("&lt;label class=\"input-group p-has-icon p-custom-arrow\"&gt;")
      iDiv.append("&lt;select id=\"timeslot\" name=\"timeslot\" required=\"required\" class=\"form-control\"&gt;")
      iDiv.append("&lt;option class=\"p-select-default\" value=\"\"&gt;Select value&lt;/option&gt;")
      iDiv.append("&lt;option value=\"1\"&gt;1&lt;/option&gt;")
      iDiv.append("&lt;option value=\"2\"&gt;2&lt;/option&gt;")
      iDiv.append("&lt;option value=\"3\"&gt;3&lt;/option&gt;")
      iDiv.append("&lt;option value=\"4\"&gt;4&lt;/option&gt;")
      iDiv.append("&lt;option value=\"5\"&gt;5&lt;/option&gt;")
      iDiv.append("&lt;option value=\"6\"&gt;6&lt;/option&gt;")
      iDiv.append("&lt;option value=\"7\"&gt;7&lt;/option&gt;")
      iDiv.append("&lt;option value=\"8\"&gt;8&lt;/option&gt;")
      iDiv.append("&lt;option value=\"9\"&gt;9&lt;/option&gt;")
      iDiv.append("&lt;option value=\"10\"&gt;10&lt;/option&gt;")
      iDiv.append("&lt;option value=\"11\"&gt;11&lt;/option&gt;")
      iDiv.append("&lt;option value=\"12\"&gt;12&lt;/option&gt;")
      iDiv.append("&lt;/select&gt;")
      $("#numberOfTablesDiv").appendChild(iDiv);
  }
  </code></pre>
  
  <p>i got this error </p>
  
  <pre><code>Uncaught TypeError: iDiv.append is not a function
  </code></pre>