title: jQuery + Select2. Can't get each selected values
body: <p>Here's my HTML. I have lots of such elements, as they are added dynamically on page.</p>
  
  <pre><code>    &lt;div class="select2-container select_filter" id="s2id_p_data_1_student"&gt;
  &lt;a href="javascript:void(0)" class="select2-choice" tabindex="-1"&gt;  
      &lt;span class="select2-chosen" id="select2-chosen-3"&gt;John Doe&lt;/span&gt;&lt;abbr class="select2-search-choice-close"&gt;&lt;/abbr&gt;   
      &lt;span class="select2-arrow" role="presentation"&gt;&lt;b role="presentation"&gt;&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;label for="s2id_autogen3" class="select2-offscreen"&gt;&lt;/label&gt;
      &lt;input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-3" id="s2id_autogen3" tabindex="-1"&gt;
  &lt;/div&gt;
  
  &lt;select id="p_data_1_student" name="p_data[p_table_data][1][student]" tabindex="-1" class="select_filter" title="" style="display: none;"&gt;
      &lt;option&gt;&lt;/option&gt;
      &lt;option value="2460" disabled=""&gt;John Doe&lt;/option&gt;
      &lt;option value="2418" disabled=""&gt;Paul Kotula&lt;/option&gt;
      &lt;option value="2414" disabled=""&gt;Andrew Skochelias&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I after each selection of select option I need to get all the selected values to disable them in other selects. So one option could be chosen only once.</p>
  
  <p>And here is my jQuery function to handle this. But for some reason it returns only last selected option value</p>
  
  <pre><code>function filterSelect() {
          jQuery('select.select_filter').each(function() {
              var selected = jQuery(this).select2('val');
                  console.log(selected);
                  jQuery('.select_filter option').each(function() {
                      jQuery('.select_filter option[value="' + selected + '"]').prop('disabled', true);
                  });
          });
      }
  </code></pre>