title: How to reset tail.select list to default?
body: <p>How can I reset select values from tail.select (Link to <a href="https://github.com/pytesNET/tail.select" rel="nofollow noreferrer">https://github.com/pytesNET/tail.select</a>) using JS or JQuery, I tried changing the value from select, but it doesn't help.</p>
  <pre><code>       &lt;select class=&quot;form-control searchSelect&quot;&gt;
              &lt;option value=&quot;&quot; selected disabled&gt;&amp;nbsp;&lt;/option&gt;
              &lt;option value=&quot;1&quot;&gt;V1&lt;/option&gt;
              &lt;option value=&quot;2&quot;&gt;V2&lt;/option&gt;
              &lt;option value=&quot;3&quot;&gt;V3&lt;/option&gt;
          &lt;/select&gt;
          
          &lt;button type=&quot;button&quot; class=&quot;resetList&quot;&gt;Reset List&lt;/button&gt;
  &lt;script&gt;
    let tselect = tail.select('.searchSelect', {
                          search:true,
                          deselect:true,
                          hideSelected:true,
                          hideDisabled:true
                      });
      
   $(document).on('click', '.resetList', function(){ 
      $('.searchSelect ').val();
      $(&quot;.searchSelect option:selected&quot;).removeAttr(&quot;selected&quot;); 
      $('.searchSelect').val(null).trigger('change');
   });
  
  &lt;/script&gt;
  </code></pre>
  <p>I have tried till</p>
  <blockquote>
  <p>$('.searchSelect ').val();</p>
  <p>$(&quot;.searchSelect option:selected&quot;).removeAttr(&quot;selected&quot;);</p>
  <p>$('.searchSelect').val(null).trigger('change');</p>
  </blockquote>
  <p>I read the documentation, but I couldn't figure it out.</p>