title: Editable textbox in jQuery
body: <p>I am working on Asp.net MVC4 application.
  I have user's information and edit button in case any user wants to edit his/her information.</p>
  
  <p>A user can edit his/her information by double clicking on it also.
  Suppose if a username is there then user can edit it by clicking double on it. As soon as he clicks on UserName it is editable with its value in a textbox.</p>
  
  <p>How can i make value editable with textbox?</p>
  
  <p>I tried-</p>
  
  <pre><code>$(function(){
      $('.double').on('dblclick',function(){
          var val=$(this).html();
          $(this).append('&lt;input type="text" value=val/&gt;');
      });
  });
  </code></pre>
  
  <p>But no success.</p>
  
  <p><a href="http://jsfiddle.net/wKAvs/1/" rel="nofollow">Fiddle</a></p>