Use jQuery replaceWith for easy yet powerful DOM manipulation.

gistfile1.js

var href = $(".link").attr("href");
var textOf = $(".link").text();

$( "a" ).click(function() {
    $( this ).replaceWith( "<textarea autofocus>" + href + " -> " + textOf + "</textarea>" );
});