title: Html table with button on each row
body: <p>I have a table with multiple rows and one column. Each table cell has a button in it. Like this:</p>
  
  <pre><code>&lt;table id="table1" border="1"&gt;
      &lt;thead&gt;
        &lt;tr&gt;
            &lt;th&gt;Select&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
         &lt;tr&gt; 
             &lt;td&gt;
                 &lt;form name="f2" action="javascript:select();" &gt;
                  &lt;input id="edit" type="submit" name="edit" value="Edit" /&gt;
                 &lt;/form&gt;
             &lt;/td&gt;
        &lt;/tr&gt;
     &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>What I want to do: when one of the buttons is pressed I would like to change its value from "Edit" to "Modify". 
  Any idea?</p>