title: Jquery UL LI elements, $.each to array
body: <p>Can't figure out what this isn't working right. Trying to get each button_select_sub li's text and put it in an array. Its being built to find the #button_groupings children like it is, cause the functionality behind it is based on the notion that there will be multiple instances of the HTML below. The problem I am having right now is, not so much as it getting the text from each, but however its pushing it into the array is making the array just 1 item, not multiple items.</p>
  
  <pre><code>$('#button_groupings').children('li').children('.button_select_sub').each(function(n,v){listArray.push($(this).text());})
  </code></pre>
  
  <p>The html for it.</p>
  
  <pre><code>&lt;div class="button_select_header_like_thing"&gt;
      &lt;div class="button_select"&gt;
          &lt;ul class="button_select_toggle" id="button_groupings"&gt;
              &lt;li&gt;
                  &lt;div class="button_select_text"&gt;Menu Text&lt;/div&gt;&lt;div class="button_select_arrow"&gt;V&lt;/div&gt;
                  &lt;div style="clear:both"&gt;&lt;/div&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;ul class="button_select_sub" rel="hidden"&gt;
                      &lt;li&gt;Text&lt;/li&gt;
                      &lt;li&gt;Text&lt;/li&gt;
                      &lt;li&gt;Text&lt;/li&gt;
                      &lt;li&gt;Text&lt;/li&gt;
                  &lt;/ul&gt;       
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>