title: jQuery finding child elements of <table>?
body: <p>I am trying to execute a function for each "tr" child element of my "table" with jquery, but this code does not identify the children. I've used this code for "div" based designs before and it works perfectly if I change the "table" and "tr" tags to "div" but it doesn't run here!
  This is simple design:</p>
  
  <pre><code>&lt;table id="tblSearch" border="1px"&gt;
      &lt;tr&gt;
          &lt;td&gt;Hello&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Hey&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Hi&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;There!&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;table&gt;
      &lt;tr align="center"&gt;
          &lt;input id="btnSearch" type="button" value="Search" /&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>And this is jquery:</p>
  
  <pre><code>$(function () {
      $('#btnSearch').click(function () {
          var a = $("#tblSearch").children("tr").each(function(){
              alert($(this).text);
          });
      });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/hULDj/198/" rel="nofollow">jsfiddle:</a>
  Note that the alert is run just once! And I have also removed the "tr" for children in my jsfiddle to make the code runnable...
  could anyone help me?</p>