title: jquery animation of specific attributes
body: <p>So I'm using gRaphael to create some charts. This is creating a cool bar chart line with some dots in it. Those dots have the ... nodes with x=10 y=20 as their attributes.
  Example </p>
  
  <p>rect x="135.8" y="115.8" width="8.399999999999999" height="8.399999999999999" r="0" rx="0" ry="0" fill="#ff0000" stroke="none"</p>
  
  <p>I want to use jquery to animate this guy if possible. The thing is if I do</p>
  
  <pre>
  $("rect").click(function({
   $(this).animate({
     'x':30
   });
  });
  </pre>
  
  <p>In order to animate the x coordenate it doesn't work for obvious reasons I guess?? hehe.
  Also I've tried setting the attribute x to a variable and trying to animate that and nothing. Can any one help me with animation and svg with gRaphael?</p>
  
  <p>This for instance works</p>
  
  <p><pre>
  $("rect").live('click',function(){  $(this).attr('x',100);});</pre>   it moves the  node but ofcourse doesn't animate it</p>
  
  <p>Thanks!</p>