title: jQuery attr() fails to set attribute
body: <p>I am trying to rotate an image via svg's <code>transform</code>. This is the code I have:</p>
  
  <pre><code>&lt;svg width="100" height="100"&gt; 
     &lt;image id="trns" transform="rotate(90,50,50)" width="100" height="100" xlink:href="logo.png"/&gt; 
  &lt;/svg&gt;
  </code></pre>
  
  <p>This successfully rotates <code>logo.png</code> by 90 degrees when the page loads. Also, when I change <code>90</code> to a different number in firbug's HTML tab the rotation changes accordingly. But when I try to change the value with jQuery, nothing happens:</p>
  
  <pre><code>$('#trns').attr('transform', 'rotate(60, 50,50)');
  </code></pre>
  
  <p>What does firebug do that my <code>attr</code> line does not?</p>