Show them the default, and allow them to press escape or Ctrl-Z
<p>I have a table cell, and when the user clicks on it, I replace the contents of the table cell with an input tag with the current contents as the default.
But I don't like it's behavior because there's a chance that the user can delete the contexts on the input simply by clicking on it a second time.</p>

<pre><code> $('.LastName').live('click', function() {
  var myText = $(this).text();
  $(this).empty().append('&lt;input name="LastName" id="LastName" value="' + myText + '" /&gt;');
  document.myForm.LastName.focus();
 });
</code></pre>

<p>Q: How do I give the user a default, plus allow them to press the escape key or Ctrl-Z while in the middle of an edit?</p>
