title: jQuery length returns zero when trying to count divs
body: <p>Here is my HTML:</p>
  
  <pre><code>&lt;fieldset&gt;
      &lt;legend&gt;Ways I can be contacted&lt;/legend&gt;
      &lt;div class="error-message-list"&gt;&lt;/div&gt;
      &lt;div class="rows"&gt;
          &lt;div class="row"&gt;
              &lt;div&gt;content&lt;/div&gt;
              &lt;div&gt;content&lt;/div&gt;                
          &lt;/div&gt;
          &lt;div class="row"&gt;
              &lt;div&gt;content&lt;/div&gt;
              &lt;div&gt;content&lt;/div&gt;                
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/fieldset&gt;
  &lt;p&gt;&lt;a id="count" href="#"&gt;Couynt&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>..and here's my Jquery:</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
          $(document).on({
              click: function(event) { 
                  event.preventDefault();
                  console.log($(this).parents().siblings('fieldset .rows div.row').length);
              }
          },'#count');
      &lt;/script&gt;
  </code></pre>
  
  <p>When I click on "Count" a zero gets written to the console. I would expect this to be a 2 because there are 2 divs with the class of <code>row</code> within the <code>rows</code> div.</p>
  
  <p>If I just do it on the fieldset, ie, like this:</p>
  
  <pre><code>console.log($(this).parents().siblings('fieldset').length);
  </code></pre>
  
  <p>Then it returns a 1 as I would expect. </p>
  
  <p>I have also tried </p>
  
  <pre><code>console.log($(this).parents().siblings('fieldset .rows .row').length);
  </code></pre>
  
  <p>and</p>
  
  <pre><code>console.log($(this).parents().siblings('fieldset &gt; div.rows &gt; div.row').length);
  </code></pre>
  
  <p>..and many other combinations, but I just can't get it to say '2'!</p>