How do you tweak "-webkit-" prefixed CSS properties in jQuery?

Question

$(this).css({     -webkit-transform:'rotate(180deg)',     -moz-transform: 'rotate(180deg)',     -o-transform: 'rotate(180deg)',     -ms-transform: 'rotate(180deg)' }); 

This is throwing the error:

Uncaught SyntaxError: Unexpected token -

I'm really hoping I don't have to install the jQuery Rotation plugin just for this one instance.

Answer 1

$(this).css({     '-webkit-transform':'rotate(180deg)',     '-moz-transform': 'rotate(180deg)',     '-o-transform': 'rotate(180deg)',     '-ms-transform': 'rotate(180deg)' }); 

Answer 2

Quote them:

$(this).css({     '-webkit-transform': 'rotate(180deg)',     '-moz-transform':    'rotate(180deg)',     '-o-transform':      'rotate(180deg)',     '-ms-transform':     'rotate(180deg)' });