Animated rotate DIV on click
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/3789984/jquery-how-do-i-animate-a-div-rotation">jQuery: how do I animate a div rotation?</a>  </p>
</blockquote>



<p>I have a div which I want to smoothly rotate around a center point by 30 degrees when you click it. I've searched a bunch but haven't found anything that I could get to work. Here's what I've tried so far - I can't for the life of me figure out what I'm doing wrong.</p>

<pre><code>$("#box").click(function() {
    $(this).animate({
        rotate: '30deg'
    }, 1000);
});​
</code></pre>

<p>And here's an example: <a href="http://jsfiddle.net/svz2J/2/" rel="nofollow"><strong>jsFiddle</strong></a></p>

<p>This seems stupidly simple and I'll probably get eaten alive for even asking, but I am seriously stuck on this. Thanks for any help. </p>
