Jquery DIV count
<p>I am trying to count the number of  elements under a parent  but its giving me an incorrect count. The result should be 2, where as its returning me 4. </p>

<p>My HTML structure is:</p>

<pre><code>&lt;div style="overflow: hidden;" id="parentDiv" class="scroll"&gt;

&lt;div id="3"&gt;
  &lt;table id="t3" class="Table"&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td id="b3" class="bY"&gt;&lt;table id="inner1" width="100%" cellpadding="3"&gt;
            &lt;tbody&gt;
              &lt;tr&gt;
                &lt;td class="code" id="code3" width="172"&gt;&lt;/td&gt;
                &lt;td class="Num" id="Num3" width="50"&gt;&lt;/td&gt;
                &lt;td colspan="2" class="Name" id="Name"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                &lt;td class="code" width="172"&gt;&lt;/td&gt;
                &lt;td&gt;&amp;nbsp;&lt;/td&gt;
                &lt;td class="serial" width="110"&gt;&lt;/td&gt;
                &lt;td class="serial" width="322"&gt;&lt;/td&gt;
              &lt;/tr&gt;
            &lt;/tbody&gt;
          &lt;/table&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
&lt;/div&gt;

 &lt;div id="4" &gt;
  &lt;table id="t4" class="Table"&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td id="b4" class="bY"&gt;&lt;table id="inner1" width="100%" cellpadding="3"&gt;
            &lt;tbody&gt;
              &lt;tr&gt;
                &lt;td class="code" id="code4" width="172"&gt;&lt;/td&gt;
                &lt;td class="Num" id="Num4" width="50"&gt;&lt;/td&gt;
                &lt;td colspan="2" class="Name" id="Name"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                &lt;td class="code" width="172"&gt;&amp;nbsp;&lt;/td&gt;
                &lt;td&gt;&amp;nbsp;&lt;/td&gt;
                &lt;td class="serial" width="110"&gt;&lt;/td&gt;
                &lt;td class="serial" width="322"&gt;&lt;/td&gt;
              &lt;/tr&gt;
            &lt;/tbody&gt;
          &lt;/table&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
&lt;/div&gt;
</code></pre>

<p></p>

<p>and the code I am using to count is:</p>

<pre><code>var numofDivs = $("#parentDiv div").size();
alert(numofDivs);
</code></pre>

<p>and if I am using the following code, the result is coming 1 (which is incorrect too).</p>

<pre><code>var numofDivs = $("#parentDiv &gt; div").size();
alert(numofDivs);
</code></pre>
