title: Cannot apply animation on SVG g element
body: <p>I have the following <a href="http://en.wikipedia.org/wiki/Scalable_Vector_Graphics" rel="nofollow">SVG</a> file.</p>
  
  <pre><code>        &lt;svg
              xmlns:dc="http://purl.org/dc/elements/1.1/"
              xmlns:cc="http://creativecommons.org/ns#"
              xmlns:rdf="htntp://www.w3.org/1999/02/22-rdf-syntax-ns#"
              xmlns:svg="http://www.w3.org/2000/svg"
              xmlns="http://www.w3.org/2000/svg"
              version="1.1"
              width="1000"
              height="650"
              id="svgContainer"&gt;
  
              &lt;g
                  id="truck"&gt;
                  &lt;animate attributeName="fill" from="black" to="red" dur="5s"/&gt;
                  &lt;path
                      d="m 655.589,484.36218 -6.18561,-128.61524 -110.99241,-15.79583 -34.55321,-87.58893 -94.74579,0 3.03024,178.75619 -322.238663,2.0203 0.145305,51.22351 z"
                      id="body"
                      fill="#000000"
                      stroke="#000000"
                      stroke-width="1px"
                      stroke-linecap="butt"
                      stroke-linejoin="miter"
                      stroke-opacity="1" /&gt;
                  &lt;animate attributeType="XML" attributeName="x" to="1000" begin="indefinite" dur="1s" /&gt;
                  &lt;animate attributeType="XML" attributeName="y" to="1000" begin="indefinite" dur="1s" /&gt;
              &lt;/g&gt;
          &lt;/svg&gt;
      &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>I just want to move it to some other place with animation, but it does not work. Is there something that I am missing here? (I want to animate the <code>g</code> element with everything inside. I removed the rest of the elements for the sake of simplicity.)</p>