title: bootstrap select event parameters
body: <p>I am using the bootstrap select plugin (<a href="http://silviomoreto.github.io/" rel="noreferrer">http://silviomoreto.github.io/</a>) and I am handling the change event "changed.bs.select" to capture any selection changes. As per the documentation at <a href="https://silviomoreto.github.io/bootstrap-select/options/" rel="noreferrer">https://silviomoreto.github.io/bootstrap-select/options/</a>, " this event fires after the select's value has been changed. It passes through event, clickedIndex, newValue, oldValue. "</p>
  
  <p>I would like to understand what the newValue and oldValue represent exactly. Because it is always the case where the new value is true and the oldValue is false.</p>
  
  <p>Here is a fiddle to illustrate my point.</p>
  
  <p><a href="https://jsfiddle.net/muojdbh9/" rel="noreferrer">https://jsfiddle.net/muojdbh9/</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;select class="selectpicker"&gt;
    &lt;option&gt;Mustard&lt;/option&gt;
    &lt;option&gt;Ketchup&lt;/option&gt;
    &lt;option&gt;Relish&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;div class="res"&gt;
  Waiting for a change event
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$(".selectpicker").on('changed.bs.select', function (event, clickedIndex, newValue, oldValue) {
      $("div.res").html("newValue: " + newValue + "&lt;BR&gt;oldValue: " + oldValue);
  });
  </code></pre>