title: Create SVG group with JavaScript returns false children.length
body: <p>I try to create a group but it is not working correctly. It returns 1 for the group.length. What did I do wrong?</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
    &lt;svg id="test" width="100%" height="100%"&gt;
      &lt;svg id="group"&gt;
        &lt;g id="g"&gt;&lt;/g&gt;
      &lt;/svg&gt;
    &lt;/svg&gt;
    &lt;script&gt;
      var e = document.createElementNS("http://www.w3.org/2000/svg", 'ellipse'); 
      e.setAttribute('cx', 0);
      e.setAttribute('cy', 0);
      e.setAttribute('rx', 20);
      e.setAttribute('ry', 20);
      document.getElementById('g').appendChild(e);
      document.getElementById('g').appendChild(e);
      document.getElementById('group').appendChild(g);
      alert(g.children.length); // returns 1 though I add it two times
    &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>