title: Rotate a div from a particular degree to another degree
body: <p>I have a div in a page which is already rotated to 60degree through css "transform: rotate(60deg)". I want to rotate and animate to the value in the angle variable starting the animation from it's current degree i.e. 60deg.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var angle = 0;
      $(document).ready(function () {
          $('#rotate').click(function () {
              angle += 90;
              $('#div1').animate({ rotate: angle }, {
                  step: function (now, fx) {
                      $(this).css('-webkit-transform', 'rotate(' + now + 'deg)');
                      $(this).css('-moz-transform', 'rotate(' + now + 'deg)');
                      $(this).css('transform', 'rotate(' + now + 'deg)');
                  },
                  duration: 3000
              }, 'linear');
  
          });
  
      });
  &lt;/script&gt;
  &lt;style type="text/css"&gt;
      #div1
      {
          width: 100px;
          height: 100px;
          position: absolute;
          top: 100px;
          left: 100px;
          border-spacing: 0;
          background-color: red;
          transform:rotate(60deg);
      }
  &lt;/style&gt;
  &lt;div id="div1"&gt;
      Text&lt;/div&gt;
  &lt;div id="rotate" &gt; Rotate&lt;/div&gt;
  </code></pre>
  
  <p>It does rotate and animate but resets the div to it's default position first. Please help. 
  Thank You.</p>