title: SVG with USE tag not rendering
body: <p>The DOM already includes an empty SVG tag (<code>svg</code>). When I try to dynamically append a <code>USE</code> tag of an existing SVG symbol (<code>symbol</code>) with an id (<code>iconId</code>):</p>
  
  <pre><code>svg.empty();
  svg[0].setAttribute('viewBox', symbol.getAttribute('viewBox'));
  svg.append('&lt;use xlink:href="#' + iconId + '"&gt;&lt;/use&gt;');
  </code></pre>
  
  <p>it no longer renders the SVG. In Chrome, it renders if I add:</p>
  
  <pre><code> element.html(element.html());
  </code></pre>
  
  <p>or manually manipulate the <code>viewBox</code> attribute, but that's not a real solution and IE doesn't like it at all.
  It's worth mentioning that if I append SVG graphics directly, the element renders.</p>
  
  <p>What is happening here and why isn't the SVG drawing after appending the USE tag?</p>