title: How to add a text box in a div with a value with jquery (edit in place)
body: <p>HI, I'm trying to add edit in place functionality to my site with jquery. I don't want to use a plugin, so my idea was that when you click the div that has the content in it, it would replace the div with a text box, then on blur it would submit a post to save the content. </p>
  
  <p>So far I have the click event, but I'm not sure how to replace the div with a text box, and then make it submit on blur, I can probably figure out the ajax request though.</p>
  
  <p>Any help would be great, thanks. So far this is what I have... just the click event:</p>
  
  <pre><code>$('.control-panel-profile-update').click(function() {
        alert('Handler for .click() called.');
      });
  </code></pre>