Working with traditional JS but not Jquery

[Guest]

Hey, I'm new to Jquery and I'm wondering what my mistake is here, it's working fine with JS!

 

Js code:

function mouseOver(){
           var oWrap = document.getElementById('wrap');
           oWrap.style.backgroundColor = "#FFFFFF";
           oWrap.style.filter = "alpha(opacity=100)";
           oWrap.style.opacity = 1.0;
        }

 

And here's the Jquery:

	$('#wrap').mouseover(function (){
	       $(this).css({
	           'background-color':'#FFFFFF',
		   'filter':'alpha(opacity=100)',
		   'opacity ':'1.0'
	    });
	});

[nogray]

In JQuery, you wouldn't need to set the filter style (jquery will do it for you). Other than that, the code looks correct. Make sure to include it when the document is ready.

[AyKay47]

the only thing that I see here is that you include a space in the opacity quotations..

what is actually going wrong here? simply not working when you mouseover?