Zamiana diva na textarea w jQuery.

Mam sobie taki problemik. Chcę aby po kliknięciu w jakiś odnośnik np

<a class='kliknij'>edytuj</a>

pokazał się zamiast tego:

<div class='text'>jakiś tam tekst</div>

to

<textarea>jakiś tam tekst</textarea>
<a>jakiś tam jeszcze kod</a>.

Wiem jak w jQuery zrobić nawiązanie do guzika < a >, wiem jak dodać style css i wiem jak dodać ajax, nie wiem tylko jak zamienić

możesz użyć tego: http://api.jquery.com/replacewith/

na pewno wypróbuje i dam dzisiaj znac;)

w sumie to zrób sobie coś takiego: http://jsfiddle.net/h01hr53b/

No dobra wszystko ładnie pięknie, ale jak teraz pobrać tekst z takiego diva, który jest dalej divem a nie textareą ; /

eee.. masz to pokazane na przykładzie:

$('#div-id').text();