FInd content of child of a sibling of an element
<p>I need to get the content of the child of a sibling of an element:</p>

<p>i.e. using the id of the input element I need just the text of the button element below, i.e. "All packages"</p>

<pre><code>&lt;input type="hidden" value="0" id="packages" name="packages"&gt;
&lt;div class="btn-group"&gt;
&lt;button data-label="All Packages" data-toggle="dropdown" class="btn dropdown-toggle disabled"&gt;All Packages &lt;span class="caret"&gt;&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
</code></pre>

<p>I've tried the following:</p>

<pre><code>var packageBtnFilter = $('#packages').next('div.btn-group').find('.btn').text;
</code></pre>

<p>but to no avail.</p>
