title: Jquery DIV count
body: <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>