title: jQuery selector problem
body: <p>I have this selector:</p>
  
  <pre><code>$("table.details tbody tr:not(.details)")
  </code></pre>
  
  <p>But I'm wondering why this inner table gets selected too:</p>
  
  <pre><code>&lt;table class="items details"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th style="width: 90%;"&gt;Test application&lt;/th&gt;
              &lt;th style="width: 10%;"&gt;Sent to test&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;6456&lt;/td&gt;
              &lt;td&gt;8/29/2009&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="details"&gt;
              &lt;td colspan="2"&gt;
                  &lt;table&gt;
                      &lt;tr&gt;
                          &lt;td style="width: 100px;"&gt;Description:&lt;/td&gt;
                          &lt;td&gt;2312313&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td colspan="2"&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;Test URL Test&lt;/td&gt;
                          &lt;td&gt;&lt;a href="Test2" title="Visit test application"&gt;Test2&lt;/a&gt;&lt;/td&gt;
                      &lt;/tr&gt;     
                  &lt;/table&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>A .length property returns 6, which is the number of  in total.</p>
  
  <p>But WHY?</p>