How to reset value of Bootstrap-select after button click : <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>
