title: Bootstrap-select Live Search is not working
body: <p>I have a big list of players and when a user is searching for a particular one I would like that only found players were showing.</p>
  
  <p>I'm using in this case bootstrap-select. This is my code of different drop-down select. It uses data-live-search,but still doesn't work:</p>
  
  <pre><code>&lt;select class="selectpicker" data-size="7" data-style="btn btn-default btn-round" name="method" id="method" title="Select sign up method" data-live-search="true" required&gt;
       &lt;option value="" selected&gt;- Select sign up method -&lt;/option&gt;
       &lt;option value="2yes"&gt;Both players ARE system users&lt;/option&gt;
       &lt;option value="1yes1no"&gt;You ARE system user, but partner is NOT&lt;/option&gt;
       &lt;option value="1yes"&gt;You ARE system user (for singles)&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  
  
  
  
  
  
  <p>So select menu works fine, but live-search doesn't work. There is a field for a search, but functionality (probably css) is not working at all. </p>
  
  <p>Header includes:</p>
  
  <pre><code>&lt;link href="assets/css/bootstrap.min.css" rel="stylesheet" /&gt;
  &lt;link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css" /&gt;
  </code></pre>
  
  <p>Footer:</p>
  
  <pre><code>&lt;script src="assets/js/plugins/bootstrap-selectpicker.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Demo you can check <a href="https://beachtennis.io/tournament.php?title=RIGA_NEW_YEAR%27S_CUP&amp;id=2" rel="nofollow noreferrer">here</a> (Sign up for tournament -> choose a method)</p>