title: Adding onclick function to Select2 tags in multiple select mode
body: <p>I am trying to get Select2 to return the value of an option when the tag itself is clicked on. The HTML itself doesn't seem to have any reference to the actual value. Is there anyway to do this? Thanks a lot!</p>
  
  <pre><code>&lt;select id="teachers"&gt;
      &lt;option value="1"&gt;Teacher Name 1&lt;/option&gt;
      &lt;option value="2"&gt;Teacher Name 2&lt;/option&gt;
      &lt;option value="3"&gt;Teacher Name 3&lt;/option&gt;
  &lt;/select&gt;
  
  $("#teachers").select2({
      placeholder:"Select teachers", 
      width:"resolve"
  
  });
  
  
  
  $("#teachers").select2("container").on("click", ".select2-search-choice", function() {
  
          console.log($("#teachers").select2("container").find(".select2-search-choice"));
  });
  </code></pre>
  
  <p>The above returns the correct object, but there is no way to reference it to the original value in the select select tag. </p>