Question

Here I have a text box

<input name="" type="text" id="txt" onblur="txt(this)"/>

and jquery

function txt(th) {
  $(th).hide().after('<span class=\"dfk\">' + $(th).val() + '</span>');  
}

I have done disable the textbox and dispaly the value of textbox but again click the value of the textbox. textbox should enable with the value.

Answer 1

You could do (if i understand what you need):

<input name="" type="text" id="txt" />

$('#txt').blur(function(){
    $(this).hide().after('<span class="dfk">' + $(this).val() + '</span>');  
});

    $('.dfk').live('click', function(){
       $(this).prev().show();
       $(this).remove();
    });

fiddle here: http://jsfiddle.net/qJ3sY/2/

Edit – i corrected to use the span