swapping textarea with text-box and vice versa
<p>The following jQuery code is not working. Please check the demo the blur event is causing the problem</p>

<pre><code>//code to change textbox
$('.SpeakMindInputArea').live("click",function(){
    $(this).hide().next().show(5).focus();
    $(this).next().find('textarea').first().focus();

});
$('.SpeakMindField').live("blur",function(){
    $(this).find('.SpeakMindInputArea').first().show().next().hide();        
});
</code></pre>

<p>Demo: <a href="http://jsfiddle.net/CwZKq/" rel="nofollow">http://jsfiddle.net/CwZKq/</a></p>

<p>I want on click of textbox it to change to textarea and on blur to revet back. But if I try to submit the form it needs to stay as it is.</p>
