title: How to count tables inside a cell of table with jQuery
body: <p>I have some tables nested inside a cell table, I want to count how many table inside that cell with jQuery, is that possible? </p>
  
  <pre><code>&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;name&lt;/th&gt;
          &lt;th&gt;age&lt;/th&gt;
          &lt;th&gt;address&lt;/th&gt;
          &lt;th&gt;birthday&lt;/th&gt;
          &lt;th&gt;hoby&lt;/th&gt;
          &lt;th&gt;country&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td colspan="6"&gt;
              &lt;table class="groupbycountry" id="spain"&gt;
                  &lt;thead&gt; a row of col title  &lt;/thead&gt;
                  &lt;tbody&gt; rows of data&lt;/tbody&gt;
              &lt;/table&gt;
              &lt;table class="groupbycountry" id="italy"&gt;
                  &lt;thead&gt;a row of col title&lt;/thead&gt;
                  &lt;tbody&gt;rows of data &lt;/tbody&gt;
              &lt;/table&gt;
              //and many more table of country according the user input 
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  
  &lt;tfoot&gt;
      &lt;tr&gt;
          &lt;td colspan="6"&gt;
              &lt;table name="inputdata"&gt;
                  &lt;form name="myprofile"&gt;
                      //the input tag
                  &lt;/form&gt;
              &lt;/table&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tfoot&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Is that possible to count tables <code>class=groupbycountry</code> inside that parent table?</p>