title: How to reset value of Bootstrap-select after button click
body: <p>I am using Bootstrap-select plugin (<a href="https://silviomoreto.github.io/bootstrap-select/" rel="noreferrer">https://silviomoreto.github.io/bootstrap-select/</a>) for my dropdown select box. After I click a button, I want the box to refresh and the "selected" option to reset. This is the dropdown</p>
  
  <pre><code>&lt;select id="dataPicker" class="selectpicker form-control"&gt;
    &lt;option value="default" selected="selected"&gt;Default&lt;/option&gt;
    &lt;option value="one"&gt;One&lt;/option&gt;
    &lt;option value="two"&gt;Two&lt;/option&gt;
    &lt;option value="three"&gt;Three&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>And this is my attempt at it, does not work. Any ideas on how it should be?</p>
  
  <pre><code>$("#dataPicker option:selected").val('default');
  $("#dataPicker").selectpicker("refresh");
  </code></pre>