title: Bootstrap Selectpicker problems
body: <p>I'm trying to use <a href="http://silviomoreto.github.io/bootstrap-select/" rel="nofollow">this selectpicker</a> for form selects and options, but can't get it to work.</p>
  
  <p>I've added the following scripts and css as specified:</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
      $('.selectpicker').selectpicker({
        });
      &lt;/script&gt;
  
  &lt;script src="/js/Bootstrap/Select/bootstrap-select.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>html for the 1st <a href="http://www.inside-guides.co.uk/brentwood/pages/links.html" rel="nofollow">greyed out select</a> in the search bar:</p>
  
  <pre><code>&lt;select class="selectpicker" id="searchType" name="searchtype" onchange="this.form.submit()"&gt;
              &lt;option value="All"&gt;All&lt;/option&gt;
              &lt;option value="Businesses"&gt;Businesses&lt;/option&gt;
              &lt;option value="Events"&gt;Events&lt;/option&gt;
              &lt;option value="News"&gt;News&lt;/option&gt;
              &lt;option value="Lifestyle"&gt;Lifestyle&lt;/option&gt;
  
          &lt;/select&gt;
  </code></pre>
  
  <p>Any ideas appreciated.</p>