How do I get the text of the next span element?
<p>Below is my HTML.  I'm at the <code>&lt;select&gt;</code> element, how do I get the text from the next span element on the page?  I've tried several things, including <code>$( this ).nextAll( 'span:first' ).text();</code> where <code>$( this )</code> is my select element, but I'm not getting the desire result.</p>

<pre><code>&lt;ul id="questions"&gt;
   &lt;div&gt;What do you want information about?&lt;/div&gt;
   &lt;li&gt;
      &lt;p&gt;
         &lt;select&gt;&lt;!-- This is where I'm at. --&gt;
            &lt;option&gt;Click to select...&lt;/option&gt;
            &lt;option data-next_select_name="foos"&gt;
               a foo
            &lt;/option&gt;
            &lt;option data-next_select_name="bars"&gt;
               a bar
            &lt;/option&gt;
         &lt;/select&gt;
      &lt;/p&gt;
      &lt;div&gt;
         &lt;a&gt;
            &lt;span&gt;a foo&lt;/span&gt;&lt;!-- I want the text out of this span. --&gt;
            &lt;div&gt;&lt;b&gt;&lt;/b&gt;&lt;/div&gt;
         &lt;/a&gt;
         &lt;div&gt;
            &lt;div&gt;&lt;input type="text" /&gt;&lt;/div&gt;
            &lt;ul&gt;
               &lt;li&gt;Click to select...&lt;/li&gt;
               &lt;li&gt;
                  a foo
               &lt;/li&gt;
               &lt;li&gt;
                  a bar
               &lt;/li&gt;
            &lt;/ul&gt;
         &lt;/div&gt;
      &lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;
   &lt;/li&gt;
&lt;/ul&gt;
</code></pre>
