What is the best way to change text on mouse click using jQuery?
<p>I have a list that I need to spell check before adding it to the database:</p>

<pre><code>&lt;table&gt;
  &lt;tr&gt; 
    &lt;td&gt;1-1 Some text &lt;/td&gt; &lt;td&gt; 1-2Some more text&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt; 
    &lt;td&gt;2-1 Some text &lt;/td&gt; &lt;td&gt; 2-2 Some more text&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt; 
    &lt;td&gt;3-1 Some text &lt;/td&gt; &lt;td&gt; 3-2 Some more text&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
&lt;button&gt; Import list to database &lt;/button&gt;
</code></pre>

<p>My idea is this, using jQuery:</p>

<p>When I click the text in 2-1, it will be "replaced" by a text box so that I can edit the text.</p>

<p>What is the bestway to achieve this?</p>

<p>Would I need a hidden field containing a <code>&lt;input type="text"</code> field?
Would that be the easiest and most elegant way of doint it?</p>
