title: Getting value as undefined for input textboxes that are in a table?
body: <p>I have a table with multiple rows that contain textboxes. I just want to get the value of the textboxes and add them together.</p>
  
  <p>I've tried using <code>innerHTML</code>, but I get the whole entire input box html. If I use <code>value</code> I get undefined.</p>
  
  <p>Javascript:</p>
  
  <pre class="lang-js prettyprint-override"><code>    function getTotal()
              {
                  var amt;
                  var subTotal = 0;
                  var FTA = document.getElementById("cphMain_gridFTA");
  
                  for(i=1; i &lt; FTA.rows.length ; i++)
                  {
  
                      amt = FTA.rows[i].cells[1].value;
                      alert(amt)
                      if(isNaN(amt))
                      {
                          subTotal += 0;
                      }
                      else
                      {
                          subTotal += parseFloat(amt);
                      }
  
  
                  }
  
              }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre class="lang-html prettyprint-override"><code>    &lt;table id="cphMain_gridFTA"&gt;
        &lt;tbody&gt;
          &lt;tr&gt;...&lt;tr&gt; 
          &lt;tr&gt;
            &lt;td&gt;
            ...
            &lt;/td&gt;
            &lt;td&gt;
              &lt;input name="ctl00$cphMain$gridFTA$ctl02$iTxtNumberOfCourses" type="text" value="1" id="cphMain_gridFTA_iTxtNumberOfCourses_0" onblur="getTotal()"&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;
            ...
            &lt;/td&gt;
            &lt;td&gt;  
              &lt;input name="ctl00$cphMain$gridFTA$ctl03$iTxtNumberOfCourses" type="text" value="2" id="cphMain_gridFTA_iTxtNumberOfCourses_1" onblur="getTotal()"&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>I would like to get the <code>value</code> of each row.</p>