how to add a value from text box to a table in javascript or jquery?
<p>I have two <code>text_fields</code> and a <code>table</code> with three column. By clicking the button, i want that two <code>text_field</code> value added to the tables in the first two columns. So, the user can change the <code>text_field</code> values again and again and the values added to the next row by clicking the add <code>button</code>.</p>

<p>The two <code>text_fields</code> are as follows:</p>

<pre><code>&lt;input class="cross-reference-question-value" type="text" style="border: 1px solid gray;  "&gt;
&lt;input class="cross-reference-answer-value" type="text" style="border: 1px solid gray;  "&gt;
</code></pre>

<p>Here is the <code>table</code></p>

<pre><code>&lt;table class="gridView" id="selected_units"&gt;
  &lt;thead&gt;
    &lt;tr class="gridViewHeader"&gt;
      &lt;th&gt;Question&lt;/th&gt;
      &lt;th&gt;Answer&lt;/th&gt;
      &lt;th&gt;Action&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;

  &lt;tbody&gt; 
    &lt;tr class="&lt;%= cycle('gridViewclickableRowDialog', 'gridViewAltclickableRowDialog') %&gt;"&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;a href="#"&gt;Delete&lt;/a&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>The <code>button_link</code> is</p>

<pre><code>&lt;a href="#" , class="button" &gt;hello&lt;/a&gt;
</code></pre>

<p>Thanks!!</p>
