Fetch content of next td on checkbox click
<p>How to fetch the content of the next <code>td</code> when the check box is clicked</p>

<pre><code>&lt;table&gt;
    &lt;tr&gt;
        &lt;td&gt;
            &lt;input type=checkbox name=t&gt;
        &lt;/td&gt;
        &lt;td width=25%&gt;
            FOOBAR
        &lt;/td&gt;
        &lt;td width=73%&gt;
            BAZ
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;
            &lt;input type=checkbox name=t&gt;
        &lt;/td&gt;
        &lt;td width=25%&gt;
            FOO
        &lt;/td&gt;
        &lt;td width=73%&gt;
            BAR
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>My javascript code:</p>

<pre><code>var c=new Array();
c=window.document.getElementsByTagName('input');
for(var i=0;i&lt;c.length;i++)
{
    if(c[i].type=='checkbox')
    {
        alert(c[i].parentNode.parentNode.rows[0].innerHTML);
    }
}
</code></pre>

<p>I am trying to fetch the content of the next td when a check box is clicked. For the first row, <code>FOOBAR</code> should be fetched and so on.</p>

<p><strong>EDIT</strong></p>

<blockquote>
  <p><strong>POINTS TO NOTE:</strong> I'm pretty sure about the tags that I am using for
  this question. Please dont post any answers that point to some JS
  library eg. jQuery etc.</p>
</blockquote>
