title: Howto focus bootstrap-select element via JavaScript
body: <p>I'm using a Bootstrap Select Dropdown in Spring:</p>
  
  <pre><code>&lt;form:select name="participant-picker" multiple="false" path="participants" cssClass="selectpicker" data-live-search="true" title="Teilnehmer..." data-width="100%"&gt;
      &lt;form:options
          items="${participants}"
          itemValue="enrolmentNumber"
          itemLabel="description" /&gt;
  &lt;/form:select&gt;
  </code></pre>
  
  <p>After execution:</p>
  
  <pre><code>&lt;select class="selectpicker" title="Teilnehmer..." name="participant-picker" data-width="100%" data-live-search="true"&gt;
      &lt;option value="1234687"&gt;Nachname121, Vorname122 (1234687)&lt;/option&gt;
      &lt;option value="1234688"&gt;Nachname122, Vorname123 (1234688)&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Please keep in mind, that Bootstrap dynamically adds multiple divs for the dropdown and other stuff.</p>
  
  <p>Now i want to dynamically set the focus to this select element. This is not working:</p>
  
  <pre><code>$('select[name=participant-picker]').focus()
  </code></pre>