title: Rotate image Raphael.js
body: <p>I have the following jQuery:</p>
  
  <pre><code>var paper = Raphael(0, 20, 500, 500);
  
  var robot = paper.image("http://jackdent.co.uk/arrow-right.jpg", 0, 0, 20, 20);
  robot.node.setAttribute('id', 'robot');
  
  $('#submit').on('click', function () {
      $('#robot').rotate(90);
  })
  </code></pre>
  
  <p>​I need for certain reasons to access the robot element using an id assigned to it. I want to rotate the image 90 degrees when the client clicks a button. Currently my code is erroneous, and I can't figure out why.</p>
  
  <p>Any help would be much appreciated, thanks in advance.</p>
  
  <p>See a live example <a href="http://jsfiddle.net/Vre9W/17/" rel="nofollow">here</a></p>