title: Unset css animation property with jQuery.css method
body: <p>I know that CSS3 <code>animation</code> property is removed by setting to <code>none !important</code>, and so I tried (and did, within CSS code). But, by using <code>jQuery.css()</code> method to change animation property to mentioned, it doesn't work.</p>
  
  <p>I have tried</p>
  
  <pre><code>$('#site-title, #site-description').css(
      {
          'animation':'none !important',
          '-webkit-animation':'none !important',
          '-moz-animation':'none !important',
          '-o-animation':'none !important'
      }
  
  );
  </code></pre>
  
  <p>and also tried (knowing that jQuery in many cases handles prefixes automatically )</p>
  
  <pre><code>$('#site-title, #site-description').css(
      {
          'animation':'none !important'
  
      }
  
  );
  </code></pre>
  
  <p>...no good. Just to note, I haven't mess node selection, when I for test purposes inser <code>display:none</code> they're gone.</p>
  
  <p>How to resolve this?</p>