title: Dropdown with Search Box using Bootstrap Selectpicker not working
body: <p>I'm trying to search for supplier from the database using the bootstrap-select picker on the dropdown. What I want is while typing in a letter, the dropdown shows the relevant name from the database. The problem is, when I click the search bar, it doesn't show me the list of suppliers in the dropdown. what went wrong? I was able to see the list of suppliers in the dropdown before adding in the data-live-search and the select picker class.</p>
  <pre><code>      &lt;script&gt;
        $(document).ready(function(){
             $('.search select').selectpicker();
        })
        &lt;/script&gt;
  
  &lt;?php
  //display supplier list on form
  
  $supplier=&quot;SELECT * FROM supplier&quot;;
  $sup_run=mysqli_query($conn,$supplier);
  
  if(mysqli_num_rows($sup_run)&gt; 0)
  {
      ?&gt;
       &lt;div class=&quot;form-group search&quot; &gt;
          &lt;label&gt; Supplier Name&lt;/label&gt;
          &lt;select class=&quot;selectpicker&quot;  data-live-search=&quot;true&quot;&gt;
  
              &lt;option value=&quot;&quot;&gt; Choose a Supplier Company&lt;/option&gt;  
              &lt;?php
                  foreach($sup_run as $row)
                  {
                      ?&gt;
                      &lt;option value=&quot;&lt;?php echo $row['sup_id'];?&gt;&quot;&gt;&lt;?php echo $row['sup_name'];?&gt;&lt;/option&gt;
                      &lt;?php
                  }
                      ?&gt;
                  &lt;/select&gt;     
                    &lt;/div&gt;
    &lt;?php
  }
  else{
  
      echo &quot;No Data Available&quot;;
  }                                    
      ?&gt;
  </code></pre>