title: Nested Each Loop Causing Problem
body: <p>Hello – My question is best summarize with the intended output and the real output.  Any clue why it's doing this, using the following HTML and JS code?</p>
  
  <p><strong>HTML Code:</strong></p>
  
  <pre><code>&lt;h3&gt;CATEGORY 1&lt;/h3&gt;
  &lt;p&gt;Item 1&lt;/p&gt;
  &lt;p&gt;Item 2&lt;/p&gt;
  
  &lt;h3&gt;CATEGORY 2&lt;/h3&gt;
  &lt;p&gt;Item 3&lt;/p&gt;
  &lt;p&gt;Item 4&lt;/p&gt;
  
  &lt;h3&gt;CATEGORY 3&lt;/h3&gt;
  &lt;p&gt;Item 5&lt;/p&gt;
  &lt;p&gt;Item 6&lt;/p&gt;
  </code></pre>
  
  <p><strong>JavaScript / jQuery Code:</strong></p>
  
  <pre><code>$(".h3").each(function () {
  
    // Display H3 Text
    console.log($(this).text());
  
    $(this).siblings('p').each(function () {
      if ( $(this).next().is('h3') ) {
  
        // Display Last Paragraph Text Before &lt;H3&gt;
        console.log($(this).text());
  
        // Break the Each Loop, Go to next H3
        return false;
      }
      else {
  
        // Display Paragraph Text
        console.log($(this).text());
      }
    });
  });
  </code></pre>
  
  <p><strong>Intended Output:</strong></p>
  
  <pre><code>CATEGORY 1
  Item 1
  Item 2
  CATEGORY 2
  Item 3
  Item 4
  CATEGORY 3
  Item 5
  Item 6
  </code></pre>
  
  <p><strong>Real (Unintended) Output:</strong></p>
  
  <pre><code>CATEGORY 1
  Item 1
  Item 2
  CATEGORY 2
  Item 1
  Item 2
  CATEGORY 3
  Item 1
  Item 2
  </code></pre>
  
  <p>Thanks.</p>