title: How to select the inner elements' text in GEB?
body: <p>I have the following scenario:</p>
  
  <pre><code>&lt;div&gt;
      &lt;ul class="select2-results" style="width: 400px;"&gt;
          &lt;li class="select2-results-dept-0 select2-result select2-result-selectable"&gt;
              &lt;div class="select2-result-label"&gt;
                  &lt;span id="12345" class="null"&gt;
                      GBP
                  &lt;/span&gt;
              &lt;/div&gt;
          &lt;/li&gt;
          &lt;li class="select2-results-dept-0 select2-result select2-result-selectable"&gt;
              &lt;div class="select2-result-label"&gt;
                  &lt;span id="45678" class="null"&gt;
                      KPW
                  &lt;/span&gt;
              &lt;/div&gt;
          &lt;/li&gt;
          &lt;li class="select2-results-dept-0 select2-result select2-result-selectable"&gt;
              &lt;div class="select2-result-label"&gt;
                  &lt;span id="12345" class="null"&gt;
                      USD
                  &lt;/span&gt;
              &lt;/div&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to select the currencies from it. I was trying the following thing but no way:</p>
  
  <pre><code>assert $('UL.select2-results LI.select2-results-dept-0.select2-result.select2-result-selectable', 0..2)*.text() == ["GBP", "KPW", "USD"]
  </code></pre>
  
  <p>Even I could not handle this one:</p>
  
  <pre><code>assert $('UL.select2-results LI.select2-results-dept-0.select2-result.select2-result-selectable')*.size() == 3
  </code></pre>
  
  <p>Though, I can handle a single element:</p>
  
  <pre><code>assert $('UL.select2-results').find("LI.select2-results-dept-0.select2-result.select2-result-selectable", 0).text() == "GBP"
  </code></pre>
  
  <p>Any help or suggestion would be really beneficial for me! Thanks!</p>