title: Get the next span with class
body: <p>I have the following Html structure for every <code>&lt;select&gt;</code> object in my page:  </p>
  
  <pre><code>&lt;div class="clsPropertyDiv clsPropertyId_16 "&gt;
          &lt;span class="inputTitle"&gt;You can select multiple items&lt;/span&gt;&lt;br&gt;
          &lt;select id="select_16" multiple="multiple" style="display: none;"&gt;
              &lt;option class="" value="2699" id="opt_2699"&gt;Rusian &lt;/option&gt;
              &lt;option class="clsOptionSelected" value="2700" id="opt_2700"&gt;English &lt;/option&gt; // take this text
              &lt;option class="" value="2702" id="opt_2702"&gt;Hebrew&lt;/option&gt;
          &lt;/select&gt;
  
          &lt;div class="ms-parent  multipleSelection" multiple="multiple"&gt;
              &lt;button type="button" class="ms-choice"&gt;
                  &lt;span class="spnMulti"&gt;&lt;/span&gt; // insert here.
                  &lt;div class=""&gt;&lt;/div&gt;
              &lt;/button&gt;         
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I need to  get the selected  text and insert it to: <code>&lt;span class="spnMulti"&gt;&lt;/span&gt;</code></p>
  
  <p>This is what I was trying to do:</p>
  
  <pre><code>$('.selectOptions option').each(function() {
              if ($(this).hasClass('clsOptionSelected') {
                  var selectedText = $(this).text();
                  $(this).next('.spnMulti').text("selectedText ");
  
              }
          });
  </code></pre>