Having trouble animating SVG rect's opacity using Raphael.

Question

Hi,

I'm using the Raphael library and trying to animate the opacity of a rectangle from 0 to 1.

Here's the code I've written:

    this.myRect.attr( 'opacity', 0);
    this.myRect.animate({opacity: 1}, 1000);

This does not work, and I believe it's the animation line which is incorrect as I can set the initial attribute to a lower value and it is noticeable when I run the script.

Any ideas?