How can I get the value of an input element inside a td for each row using jQuery
<p>I used this code to get to the <strong>text</strong> inside the first td element in each tr row:</p>

<pre><code> $('tr').each(function () {
        var tds = $(this).find('td'),
        text = tds.filter('[id^="refKey_"]').text(),
</code></pre>

<p>The HTML was:</p>

<pre><code>&lt;tr id="row_1"&gt;
  &lt;td id="tempRowKey_1" &gt;1.0.0&lt;/td&gt;
</code></pre>

<p>However I have now changed my code and I have this HTML:</p>

<pre><code>&lt;tr id="row_1"&gt;
  &lt;td id="tempRowKey_1" &gt;
    &lt;input type="text" size="10" value="1.0.0" class="updatable" id="TempRowKey_1"&gt;
  &lt;/td&gt;
</code></pre>

<p>Can someone tell me how I can get the values such as "1.0.0" now that they are inside an <strong>input</strong>. Can I this time use the id of "TempRowKey_xxxx" ?</p>

<p><strong>Update:
I tried the following and also tried the answer given but neither work:</strong></p>

<pre><code>    var tds = $(this).find('input'),
    text = tds.filter('[id^="TempRowKey_"]').val(),
</code></pre>

<p>can anyone see anything wrong?</p>
