title: How to use HTC behavior in jQuery CSS for IE?
body: <p>I have been trying to create rotating object using jQuery and without any other plugin. I seen the perfect way to make it cross-browser without much calculations, in this <a href="http://demo.hakoniemi.net/Cross-browserRotateTransformationwithCSS/" rel="nofollow">link</a>. But when use it simply like this ------</p>
  
  <pre><code>    div#test {
          behavior:url(resource/-ms-transform.htc);
          -ms-transform:rotate(45deg);
          background:#333;
          color:#fff;
          padding:5px 5px;
          width:200px;
          height:auto;
      }
  </code></pre>
  
  <p>But with jQuery CSS like this --------</p>
  
  <pre><code>    $(document).ready(function () {
        $('div#test').css({
          '-ms-transform':'rotate(45deg)'
        });
      });
  </code></pre>
  
  <p>It doesn't seem to be working in the jQuery CSS mode, but with the normal CSS mode it seems to be working quite fine! Can anyone explain why is this happening and also provide me a solution (NOTE: I don't want any jQuery Plugin for this solution, please!).</p>
  
  <p>Here is my whole page ------</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
      &lt;head&gt;
                &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
                &lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt;
                &lt;script type="text/javascript" src="jquery-1.6.min.js"&gt;&lt;/script&gt;
                &lt;script type="text/javascript"&gt;
                        $(document).ready(function () {
                           $('div#test').css({
                              '-ms-transform':'rotate(45deg)',
                              '-moz-transform':'rotate(45deg)',
                              '-o-transform':'rotate(45deg)',
                              '-webkit-transform':'rotate(45deg)',
                              '-khtml-transform':'rotate(45deg)'
                           });
                        });
                &lt;/script&gt;
                &lt;style type="text/css"&gt;
          div#test    {
              behavior:url(resource/-ms-transform.htc);
              background:#333;
              color:#fff;
              padding:5px 5px;
              width:200px;
              height:auto;
          }
                 &lt;/style&gt;
         &lt;/head&gt;
         &lt;body&gt;
               &lt;div id="test"&gt;This is a test!&lt;/div&gt;
         &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>