Na minha aplicação eu tenho uma imagem em um div, um botão.

Eu quero girar a imagem exibida e salvar a imagem girada quando clicado no botão usando jquery.

Eu já usei o código:

http://code.google.com/p/jquery-rotate/

e código jquery:

$(function() {                                    // doc ready
                var rotation = 0;                             // variable to do rotation with
                $("#img").click(function() {
                    rotation = (rotation + 45) % 360; // the mod 360 probably isn't needed
                    $("#cropbox").rotate(rotation);
                });
            });

Código HTML:

<img src="demo_files/pool.jpg" id="cropbox" />
<input type="button" id="img" name="img" value="click" />

Quando eu uso o código acima, há duas imagens, uma é a imagem antiga e outra é a imagem girada.

Aqui eu quero rodar a mesma imagem e exibir apenas a imagem girada. E salve a imagem girada no diretório.

Como posso fazer isso usando jquery? Se não for possível com jquery, então como posso fazê-lo com o php / ajax?