Select next first element in jQuery
<pre><code> &lt;fieldset id="fs1"&gt;
            &lt;legend id="leg1"&gt;First Legend&lt;/legend&gt;
            &lt;div id="div1"&gt;
                "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="div1Child"&gt;
                      ********* Sample text here ****************
                  &lt;/div&gt;
            &lt;/div&gt;

        &lt;/fieldset&gt;
        &lt;fieldset id="fs2"&gt;
            &lt;legend id="leg2"&gt;Second Legend&lt;/legend&gt;
            &lt;div id="div2"&gt;
                "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="div2Child"&gt;

                      ********* Sample text here ****************
                 &lt;/div&gt;
            &lt;/div&gt;

        &lt;/fieldset&gt;
</code></pre>

<p>When I click the <strong><em>legend</em></strong>, I should get the contents of the first div (div1 and div2) only. I don't want to display the "Sample Text Here" which is the child div(Id -->> div1Child and div2Child) of the div. Any help would be appreciated. It's pretty urgent.</p>

<p>Thanks in advance.</p>
