title: Css transform in jQuery
body: <p>I have img and I need to rotate it 90 degree when I click on it. </p>
  
  <pre><code>&lt;img src="img/right-arrow.png" alt="" class="show"&gt;
  </code></pre>
  
  <p>when I use </p>
  
  <pre><code>.show {
  transform: rotate(90deg); 
  }
  </code></pre>
  
  <p>in Css file it works. 
  but when I do it in jQuery it doesn't work. 
  here is my code in jQuery </p>
  
  <pre><code>$('.show').click(function(){
      $(this).css("-webkit-transform" : "rotate(90deg)");
  }
  );
  </code></pre>