title: jquery;-isvisibility using visible() how can i select the radio button of first visible tr
body: <p>My table is like the following.  By using <code>visible()</code> how can I select the radio button of first visible <code>tr</code> on two different div's (hidden_source1 and hidden_source2)?  I already did it like this, first  whether the <code>tr</code> is visible and checked or not in two div's, second, if the visible <code>tr</code>is found click the radio in that div's.</p>
  
  <pre><code>&lt;HTML&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;head&gt;
  &lt;script type="text/JavaScript"&gt;
  &lt;tab&gt;$(document).ready(function(){
  &lt;tab&gt;$("#hidden_source1").find( "input", ".rower:visible" )[0].checked = true;
  &lt;tab&gt;$("#hidden_source1").find( "input", ".rower:visible" )[0].click
  });
  &lt;tab&gt;$(document).ready(function(){
  &lt;tab&gt;$("#hidden_source2").find( "input", ".rower:visible" )[0].checked = true;
  &lt;tab&gt;$("#hidden_source2").find( "input", ".rower:visible" )[0].click
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt; 
      &lt;div id="hidden_source1"&gt;
  &lt;table id="return_me" class="tbl2" cellspacing="0" cellpadding="0" border="0" width="100%"&gt;
  &lt;tbody&gt;
  &lt;tr class="rower" style="display: none;"&gt;
  &lt;td width="4"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td width="30"&gt;
  &lt;input class="return_r" type="radio" name="return"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="rower" style="display: none;"&gt;
  &lt;td width="4"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td width="30"&gt;
  &lt;input class="return_r" type="radio" name="return"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="rower" style="display: none;"&gt;
  &lt;td width="4"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td width="30"&gt;
  &lt;input class="return_r" type="radio" name="return"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="rower" style="display: table-row;"&gt;
  &lt;td width="4"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td width="30"&gt;
  &lt;input class="return_r" type="radio" name="return"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="rower" style="display: table-row;"&gt;
  &lt;td width="4"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td width="30"&gt;
  &lt;input class="return_r" type="radio" name="return"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="rower" style="display: table-row;"&gt;
  &lt;td width="4"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td width="30"&gt;
  &lt;input class="return_r" type="radio" name="return"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  &lt;div id="hidden_source2"&gt;
  &lt;table id="return_me" class="tbl2" cellspacing="0" cellpadding="0" border="0" width="100%"&gt;
  &lt;tbody&gt;
  &lt;tr class="rower" style="display: none;"&gt;
  &lt;td width="4"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td width="30"&gt;
  &lt;input class="return_r" type="radio" name="return"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="rower" style="display: none;"&gt;
  &lt;td width="4"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td width="30"&gt;
  &lt;input class="return_r" type="radio" name="return"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="rower" style="display: none;"&gt;
  &lt;td width="4"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td width="30"&gt;
  &lt;input class="return_r" type="radio" name="return"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="rower" style="display: table-row;"&gt;
  &lt;td width="4"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td width="30"&gt;
  &lt;input class="return_r" type="radio" name="return"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="rower" style="display: table-row;"&gt;
  &lt;td width="4"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td width="30"&gt;
  &lt;input class="return_r" type="radio" name="return"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="rower" style="display: table-row;"&gt;
  &lt;td width="4"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td width="30"&gt;
  &lt;input class="return_r" type="radio" name="return"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/HTML&gt;
  </code></pre>