jQuery on draggable change axis
<p>I have a bug with draggable in jQuery. When I rotate image it change axis. Here is <a href="https://jsfiddle.net/cna275jb/2/" rel="nofollow noreferrer"><strong>FIDDLE</strong></a>.
 My javascript code for rotation:</p>

<pre><code>var angle = 0;
document.getElementById('button').onclick = function() {
    angle = (angle+90)%360;
    document.getElementById('image').className = "rotate" + angle;
    }
</code></pre>

<p>How can I fix it?
Thank for every answer.</p>