title: Flask: Bootstrap live search not working through render_kw in SelectField
body: <p>My Flask web application form has a drop-down box with the list of all countries in the world. However, it gets tedious for the user to scroll and find the appropriate country they're looking for. Therefore, I'm trying to apply 'data-live-search' in my select fields for easier user navigation.</p>
  <p>However, I'm trying to figure out the place I'm going wrong as my 'data-live-search=true' in select field does not yield any search box.</p>
  <p>My codes are as:</p>
  <p><strong>routes.py (Flask Form)</strong></p>
  <pre><code>def country_list():
      return [('Angola','Angola'),('Andorra','Andorra').....] #All the countries
  
  
  class Main_Form(FlaskForm):
      countryList = SelectField(&quot;Enter the Country:&quot;, validators=[DataRequired()], choices=country_list(), render_kw={&quot;data-live-search&quot;:&quot;true&quot;})
  </code></pre>
  <p><strong>mainform.html</strong></p>
  <pre><code>&lt;div class = &quot;container&quot;&gt;
      &lt;fieldset&gt;
          &lt;form class=&quot;form-group row&quot; action=&quot;&quot; method=&quot;post&quot; novalidate&gt;
              &lt;div class = &quot;form-group col-md-12&quot;&gt;
  
                  {{ wtf.form_field(form.countryList, class='form-control') }}
  
              &lt;/div&gt;
          &lt;/form&gt;
     &lt;/fieldset&gt;
  &lt;/div&gt;
  </code></pre>
  <p>When I look at the page source the <b><em>data-live-search='true'</em></b> appears for the <b><em>select</em></b> field but the drop-down does not contain any Search Box</p>