Allow user to select inside a textarea after it's been created by js
<p>I have a div named "What".
If the user clicks on it, it changes from text into a textarea input.</p>

<pre><code>$('.What').click(function() {
    $(this).empty().html('&lt;textarea name="X"&gt;' + $(this).text() + '&lt;/textarea&gt;');
    $(this).find('textarea').select();
});
</code></pre>

<p>You can see that I also select the newly created textarea.<br>
If the user clicks into the textarea, nothing happens.  </p>

<p>Q: How can I allow the user to click into the newly created textarea field to position the cursor where they want to?  I suspect it has something to do with using a live event to prevent bubbling.</p>
