title: Convert table cells to text-boxes with JQuery
body: <p>I have a table, shown below:</p>
  
  <pre><code>&lt;table id="paramsTable"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Value&amp;nbsp;&lt;span style="color: Blue; cursor: pointer; font-size: smaller;" id="editParamValues"&gt;Edit&lt;/span&gt;&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style="display: none;"&gt;1372&lt;/td&gt;
              &lt;td&gt;providername&lt;/td&gt;
              &lt;td&gt;BloombergFTP&lt;/td&gt;
              &lt;td&gt;String&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style="display: none;"&gt;1373&lt;/td&gt;
              &lt;td&gt;RateSetList&lt;/td&gt;
              &lt;td&gt;1020&lt;/td&gt;
              &lt;td&gt;String&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style="display: none;"&gt;1374&lt;/td&gt;            
              &lt;td&gt;BloombergServer&lt;/td&gt;
              &lt;td&gt;CFC105&lt;/td&gt;
              &lt;td&gt;String&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>So now, that nifty little span, I have bound to this click event:</p>
  
  <pre><code>$('#editParamValues').live('click', function () {
        alert('true');
  });
  </code></pre>
  
  <p>Getting the alert, it works fine. However, I don't want to alert, I want that binded method to change all of the cells that are in the <code>value</code> column to become textboxes filled with whatever their value is, so the user can edit them.</p>
  
  <p>How would I do this?</p>