getting the innerhtml of input in td
<p>I am trying to get the values of inputs in the column of a table.      </p>

<pre><code>&lt;table&gt;
  &lt;tr class="mytr"&gt;
    &lt;td class="mytd"&gt;&lt;input type="text" class="bout"&gt;123&lt;/input&gt;&lt;/td&gt;
    &lt;td class="mytd"&gt;&lt;input type="text" class="bout"&gt;ad&lt;/input&gt;&lt;/td&gt;
    &lt;td class="mytd"&gt;&lt;input type="text" class="bout"&gt;as&lt;/input&gt;&lt;/td&gt;
    &lt;td class="mytd"&gt;&lt;textarea rows="1" class="bout"&gt;122222&lt;/textarea&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="mytr"&gt;
    &lt;td class="mytd"&gt;&lt;input type="text" class="bout"&gt;45&lt;/input&gt;&lt;/td&gt;
    &lt;td class="mytd"&gt;&lt;input type="text" class="bout"&gt;3&lt;/input&gt;&lt;/td&gt;
    &lt;td class="mytd"&gt;&lt;input type="text" class="bout"&gt;4&lt;/input&gt;&lt;/td&gt;
    &lt;td class="mytd"&gt;&lt;textarea rows="1" class="bout"&gt;5&lt;/textarea&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>I can get the tables row like this</p>

<pre><code>$('.mytr').each(function(index) {
});
</code></pre>

<p>and it iterates over the rows perfectly fine but how do I now get the value of td. I tried </p>

<pre><code>$('.mytr').each(function(index) {
  alert($('.bout:eq(0)').html()) ;
});
</code></pre>

<p>to get the innerhtml of the input of the first tds but I get empty value. I was expecting <code>123</code>. Not sure what I am doing wrong.</p>
