title: JQuery loop through nested gridview
body: <p>Is there anyway to loop through a nested gridview? This is the javascript I have so far, I don't think I'm far off a solution:</p>
  
  <pre><code>$(document).ready(function() {
      $("#&lt;%=gvAdmin.ClientID %&gt; tr").each(function() {
          $(this).find(".gvSubMain tr").each(function() {
              var hdnDate = $(this).find(".Date").val();
              //Do Stuff
          });
      });
  });
  </code></pre>
  
  <p>The two gridviews are; a major gridview called gvAdmin, and the nested gridview called gvSubAdmin.
  I have looked at this problem for quite a while and see variations such as:</p>
  
  <pre><code>$(document).ready(function() {
      $("#&lt;%=gvAdmin.ClientID %&gt; tr").each(function() {
          $(this).find(".gvSubMain &gt; tr").each(function() {
              var hdnDate = $(this).find(".Date").val();
              //Do Stuff
          });
      });
  });
  </code></pre>
  
  <p>And another variation:</p>
  
  <pre><code>$(document).ready(function() {
      $("#&lt;%=gvAdmin.ClientID %&gt; tr").each(function() {
          $(this).find(".gvSubMain").find("tr").each(function() {
              var hdnDate = $(this).find(".Date").val();
              //Do Stuff
          });
      });
  });
  </code></pre>
  
  <p>But none of these work, is it a small syntax problem that I'm struggling with or is it something in my logic? Do I need to used the <code>.find(".gvSubMain")</code> or can I call the gridview some other way?</p>
  
  <p>Thanks,</p>
  
  <p>Firstcape</p>