Why does jQuery's .css() method not allow flipping
<p>I have a dl where I would like to flip an image in the dt using jQuery on click. This can be quite easily done using <a href="http://css-tricks.com/snippets/css/flip-an-image/" rel="nofollow">static css</a>, but for some reason I cannot achieve the same effect using jQuery's .css() method. Am I doing something wrong or is this a jQuery quirk? </p>

<p><a href="http://jsfiddle.net/qngrf/378/" rel="nofollow">Here is a JSFiddle link</a> demonstrating the behaviour using both CSS and jQuery.</p>

<p>Sample code without the click event handler. I am just trying to flip the dt itself now for simplicity's sake.</p>

<pre><code>$('dt').css(
    {
        "color" : "red",
        "transform": "scaleY[-1]",
        "-moz-transform": "scaleY[-1]",
        "-o-transform": "scaleY[-1]",
        "-webkit-transform": "scaleY[-1]",
        "filter": "FlipV",
        "-ms-filter": "FlipV"
    }
    );
</code></pre>
