title: cloneNode(true) is not copying child elements
body: <p>I have the following:</p>
  
  <pre><code>var divs = document.getElementsByClassName('projectListDiv');
  var projectList = getProjects();
  /* getProjects() generates a &lt;select&gt; element with multiple &lt;option&gt;s */
  for(var i = 0; i &lt; divs.length; i++){
      divs[i].innerHTML = "";
      var listCopy = projectList.cloneNode(true);
      divs[i].appendChild(listCopy);
  }
  </code></pre>
  
  <p>getProjects() returns the following:</p>
  
  <pre><code>&lt;select&gt;
      &lt;option value="test"&gt;test&lt;/option&gt;
      &lt;option value="Project Test"&gt;Stalker Test&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Which should theoretically append a <code>&lt;select&gt;</code> element to each div with the class <code>projectListDiv</code>. It does append a <code>&lt;select&gt;</code> element but the element has no <code>&lt;options</code> despite the fact that <code>projectList</code> clearly has options. I have logged everything to console to check and for some reason when I <code>cloneNode(true)</code> I lose all of <code>projectList</code>'s children. Thoughts?</p>