title: svg animation does not start when loaded with settimeout
body: <p>I'm loading 2 embedded svg-lets in a page. One animated one not. They're loaded in sequence with a setTimeout.
  When I load the animated first all goes well, the animation starts as expected and the second static svg is correctly displayed afterwards. When I first load the second, and afterwards the animated one, the animation does not start.</p>
  
  <p>Code is here: <a href="http://jsfiddle.net/Kx3Hw/1/" rel="nofollow">jsfiddle</a> switch #svg1, and #svg2 in the javascript.</p>
  
  <p>Upon browser checking I found out this is probably a webkit bug as chrome and safari both show this behavior FF 12 and Opera are well.</p>
  
  <p>Can this be fixed with JS code or should I file a bug with webkit?</p>
  
  <p>== Added</p>
  
  <p>I think the question should be rephrased why the animation does not start after the svg is loaded with a settimeout.</p>
  
  <p>As Jared investigated below it works when the element is present in the DOM and is reordered via dom manipulation into the focus element, Chrome and webkit need a kick with a beginElement() call to the animate element. This still doesn't work out for elements constructed from plain text. As I only do have a mac and I still consider this a hobby project I leave MS IE completely out of the loop.</p>