Value is undefined when element is obtained with jQuery
<p>Below is the code where I obtain my input element with jQuery:</p>

<pre><code>var txt = $(tableRow).find('input:text');
if (txt.value == null) {
  //TO DO code
}
</code></pre>

<p>and here's how I do it </p>

<pre><code>var txt = document.getElementById('txtAge');
if (txt.value == null) {
  //TO DO code
}
</code></pre>

<p>With the first way the value of the txt is undefined. But with the second way the value is what's inside the input element. Now more interesting is, on the bottom-right pane of the Mozilla Firebug  if I scroll down to the "value" of the txt I can see it there, both ways. </p>

<p>I know I can simply say <code>$(txt).val()</code>, but I also want to understand why I can't access the value of an element if it's been selected by jQuery. Isn't jQuery just a library of JavaScript functions?</p>
