title: Select next first element in jQuery
body: <pre><code>        &lt;fieldset id=&quot;fs1&quot;&gt;
              &lt;legend id=&quot;leg1&quot;&gt;First Legend&lt;/legend&gt;
              &lt;div id=&quot;div1&quot;&gt;
                  &quot;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
                  laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi                   
                   &lt;div id=&quot;div1Child&quot;&gt;
                        ********* Sample text here ****************
                    &lt;/div&gt;
              &lt;/div&gt;
             
          &lt;/fieldset&gt;
          &lt;fieldset id=&quot;fs2&quot;&gt;
              &lt;legend id=&quot;leg2&quot;&gt;Second Legend&lt;/legend&gt;
              &lt;div id=&quot;div2&quot;&gt;
                  &quot;At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
                  voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint
                 
                    &lt;div id=&quot;div2Child&quot;&gt;
                         
                        ********* Sample text here ****************
                   &lt;/div&gt;
              &lt;/div&gt;
             
          &lt;/fieldset&gt; 
  </code></pre>
  <p>When I click the <em><strong>legend</strong></em>, I should get the contents of the first div (div1 and div2) only. I don't want to display the &quot;Sample Text Here&quot; which is the child div (Id --&gt;&gt; div1Child and div2Child) of the div.</p>