jQuery динамически убрать/добавить textarea

[Teenie-weenie]

HTML

<ul class="comment.list">
    <li class="comment-post">comment text</li>
    <li><a id="1" href="#" class="edit">edit</a>
    </li>
</ul>

jQuery

$(function () {
    $('.edit').on('click', function () {
        var id = $(this).attr('id');
        var comment$ = $(this).parents('li').prev('li.comment-post');
        var text = comment$.text(); 
        if($('.comment-edit').length){
            $('.comment-edit').show();
        }
        else{
        comment$.html('&lt;textarea name="comment-edit" class="comment-edit">' + text + '&lt;/textarea><br />');
        }
        $('.comment-edit').blur(function(){         
           var text = $(this).val();
           comment$.text(text);
           $('.comment-edit').hide();
        });  
        $('.comment-edit').focus();
    });
});

http://jsfiddle.net/D2Unk/7/

@темы: jQuery, Ссылки