Want to rotate element in jquery
<p>I am trying to <em>rotate an element</em> (any element div,p..) with the <em>handle</em> (handle=>div) which I placed on the element's <em>top-left</em> corner, now my problem is that the element does not fully rotate to 360 degree, can anyone please help out :</p>

<pre><code>$("#elementid").live('mouseover', function () {
    $(this).draggable({ handle: "#handleid", drag: function (event, ui) {
        var rotateCSS = 'rotate(' + ui.position.left + 'deg)';
        alert(ui.position.left);
        $(this).parent().parent().css({
            '-moz-transform': rotateCSS,
            '-webkit-transform': rotateCSS
        });
    }
    });
});
</code></pre>
