Do I have a syntax error?

been messing around with Jquery, wondering if I have an error with this small peice of code, maybe the css function?

Code:

---

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

---

here's what it looks like in plain JS that works.

Code:

---

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

---

The jQuery itself is fine. Just a couple of things to watch out for:

1. You can only execute most jQuery code after the DOM has fully loaded. Almost all of your code should go in:

Code:

---

$(document).ready(function() {
  // code here
});

---

2. If you're using any other Javascript libraries, they may have taken control of the $ keyword. If that's the case, use jQuery instead of $ (i.e. jQuery(document).ready(function() { )

Yeah, I have it in the ready, that's a given. Though it's still not working correctly. I'll look more into later, I'm too excited to care anymore.

I will never go back to traditonal JS after learning this, I've turned a highlighting function into something as small as this! I'll continue looking over Jquery and hopefully, I can release something.

Code:

---

$(document).ready(function() {
                $('#blue').hover(function() {
                        $(this).toggleClass("highlight");
                });
        });

---

That snippet of Javascript is fine. I just tested it.

If it still isn't working, I'd wager there's some invalid syntax elsewhere that's causing it all to break. Might be easier if you pasted/PMed me the entire page's source code.

And yes, jQuery is great :)