title: Search text in Bootstrap's SelectPicker using jQuery
body: <p>I want to search text in dropdown and set it selected by text.Here is my control</p>
  
  <p>HTML:</p>
  
  <pre><code>  &lt;select class="form-control input-sm selectpicker" id="area_location_id"&gt;
          &lt;option value="" selected=""&gt;Select&lt;/option&gt;
          &lt;option value="17"&gt;Al Barsha&lt;/option&gt;
         &lt;option value="82"&gt;Al Furjan&lt;/option&gt;
        &lt;option value="4924"&gt;Al Garhoud&lt;/option&gt;
        &lt;option value="5787"&gt;Al Jadaf&lt;/option&gt;
       &lt;option value="5684"&gt;Al Mamzar&lt;/option
      &lt;/select&gt;
  </code></pre>
  
  <p>Jquery:</p>
  
  <pre><code> var mytxt = "Al Furjan";
  ("#area_location_id").find("option:contains('" + mytxt  + "')").each(function () {
      $(this).attr("selected", "selected");
  });
  $('#area_location_id').selectpicker('refresh');
  $('#area_location_id').selectpicker('val', mytxt );
  </code></pre>
  
  <p>I am using bootstrap selectpicker. Can I use <code>contain:</code> in this code or does selectpicker have its own method?</p>
  
  <p><strong>UPDATED:</strong>  </p>
  
  <p>I tried with simple select control and it is working...Here is <a href="http://jsfiddle.net/TZmEw/493/" rel="nofollow">Fiddle</a></p>