Oppacity animation doesn't work in jQuery and in CSS

Question

I have a image which I'm trying to apply opacity to.

here's is the jQuery:

$(document).ready(function(){

    $('#red').animate({
        opacity: 10
    }, 1500);

});

Nothing happens. I have also tried setting the opacity on the image through CSS . doesn't work that either...

Here is the fiddle

Answer 1

The opacity range goes from 0 to 1: http://jsfiddle.net/Nj2WA/2/

More info here