jQuery: onclick, edit field and show+save into an variable
<p>Right now I have this in Javascript without jQuery:</p>

<p>Here is it: <a href="http://jsbin.com/ewihu3" rel="nofollow">http://jsbin.com/ewihu3</a></p>

<p>It's working just fine, but I wish to use jQuery for making the code simpler and shorter.</p>

<p>I want exactly same things to do as on the example above, that when you click on the text, it should turn into an input field. And on blur it should display what you've edited in the box, and then make a variable (like e.value on the example above) so I can send that in a ajax call later.</p>

<p>How can i do this in jQuery?</p>
