title: Append a new column, to each row, with text equivalent of the first column value?
body: <p>Note: I didn't create this table, I am an end-user trying to make my life easier.</p>
  
  <p>What I need to do is to copy this table to excel, but the first and second column are in input box style. </p>
  
  <p>I want to create a new column at the end of the row that has the same exact value of the first column but in text, so I can copy and sort in excel.</p>
  
  <p>I tried this in Greasemonkey but didn't work:</p>
  
  <pre><code>$("tr").append("&lt;td&gt;rows[1].innerHTML&lt;/td&gt;")
  </code></pre>
  
  <p>Here is the HTML:</p>
  
  <pre><code>&lt;form method="post"&gt;
  &lt;table width="100%" border="1"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td width="30%"&gt;Document Name&lt;/td&gt;
              &lt;td&gt;File Name&lt;/td&gt;
              &lt;td&gt;Last Updated&lt;/td&gt;
              &lt;td&gt;Email Target&lt;/td&gt;
          &lt;/tr&gt;
          &lt;input type="hidden" name="documentId" value="5723"&gt;
      &lt;/tbody&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;input type="text" size="30" name="name_5723" value="document1"&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;input type="text" size="30" name="fileName_5723" value="document1.pdf"&gt;
              &lt;/td&gt;
              &lt;td&gt;05/26/2015 10:40 AM&lt;/td&gt;
              &lt;td&gt;
                  &lt;a href="mailto:document+5723@mega.com"&gt;document+5723@mega.com&lt;/a&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;input type="hidden" name="documentId" value="5722"&gt;
      &lt;/tbody&gt;
  </code></pre>
  
  <p><br>
  The desired output would look something like this:<br>
  <img src="https://i.stack.imgur.com/NUwzS.png" alt="desired output">      </p>