title: svg animateTransform trigger multiple animations simultaneously
body: <p>In the following example I need all animations to be executed  simultaneously. But works only last one.</p>
  
  <pre><code>&lt;g&gt;
      &lt;animateTransform attributeName="transform" attributeType="XML"
      type="rotate" values="2 100 100; -1 100 100; 1 100 100; -0.5 100 100 0.5 100 100" begin="indefinite" dur="0.35s" fill="freeze" /&gt;
  
      &lt;animateTransform attributeName="transform" attributeType="XML"
                        type="scale" values="1; 1.2; 1" begin="indefinite" dur="0.35s" fill="freeze" /&gt;
  
      &lt;animateTransform attributeName="transform" attributeType="XML"
                        type="translate" values="0 0; -100 -100; 0; 0" begin="indefinite" dur="0.35s" fill="freeze" /&gt;
  
      &lt;image x="0" y="0" width="200" height="200"  xlink:href="&lt;?php  echo $cck-&gt;getValue('project_icon'); ?&gt;" /&gt;
  &lt;/g&gt;
  </code></pre>
  
  <p>Action has been triggered by js:</p>
  
  <pre><code>var animations = $( $this ).find( 'animateTransform' );
  animations[0].beginElement();
  animations[1].beginElement();
  animations[2].beginElement();
  </code></pre>