Jquery Editable Table: How can i Make certain cells editable?
<p>I am building an editable table in jquery for fun.</p>

<p>Here is my table:</p>

<pre><code>&lt;table id="horiz-min" summary="Indices"&gt;
    &lt;thead&gt;
    &lt;tr&gt;
        &lt;th scope="col"&gt;&lt;/th&gt;
        &lt;th scope="col"&gt;ID&lt;/th&gt;
        &lt;th scope="col"&gt;Description&lt;/th&gt;
        &lt;th scope="col"&gt;&lt;/th&gt;
        &lt;th scope="col"&gt;&lt;/th&gt;
        &lt;th scope="col"&gt;&lt;/th&gt;
    &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;

        &lt;tr onclick="show();" id="IDOL-FT"&gt;
            &lt;td class="editable" id="edit"&gt;Edit&lt;/td&gt; 
            &lt;td class="edit-field"&gt;454&lt;/td&gt;  
            &lt;td class="edit-field"&gt;TEXTTEXTTEXTTEXT&lt;/td&gt;
            &lt;td class="editable"&gt;Details&lt;/td&gt;
            &lt;td class="editable"&gt;Feeds&lt;/td&gt;
            &lt;td class="editable"&gt;Fields&lt;/td&gt;
        &lt;/tr&gt;               

    &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>The first thing i would like to do is to make the ID and Descriptions editable by clicking on edit.</p>

<p>So in JQUERY, i am trying to do this to replace, these td's content with the content that is currently inside of them, in an editable text box.</p>

<p>Fixed: but what i have gives a console error of "$ is not defined"</p>

<p>jquery:</p>

<pre><code>$('td.edit-field').replaceWith('&lt;textbox&gt;&lt;/textbox&gt;');
</code></pre>
