JavaScript: how to access the textbox in the second row of the table
<p>I have an html code like this -</p>

<pre><code>&lt;table border="0" cellspacing="2" cellpadding="2" width="99%" id="subAccTable"&gt;
        &lt;tr&gt;
               &lt;h2&gt;Sub Accounts&lt;/h2&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;th&gt;action &lt;/th&gt;
            &lt;th&gt;account&lt;/th&gt;
            &lt;th&gt;homeDir&lt;/th&gt;
            &lt;th&gt;primaryGroup&lt;/th&gt;
        &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;input type="hidden" name="vtierId" value="" /&gt;&lt;/td&gt;
        &lt;td&gt;&lt;input type="text" name="subAcc"
                value=""/&gt;&lt;/td&gt;
            &lt;td&gt;&lt;input type="text" name="subHomeDir"
                value=""/&gt;&lt;/td&gt;
            &lt;td&gt;&lt;input type="text" name="subPriGroup"
                value=""/&gt;&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>Now i want to fill the values of textboxes named subAcc, subHomeDir, subPriGroup using javascript. How can i do it ?</p>
