title: Issue on Selecting Bootstrap Select 3
body: <p>I am trying to load some options to Bootstrap 3 + Bootstrap-Select  from MYSQL database using Ajax, PHP, and jQuery on <a href="http://appmap.dx.am" rel="nofollow">my page here</a>.</p>
  
  <p>But there are few issues happening here:</p>
  
  <ol>
  <li><p>The selected options are not showing at the box. Instead the <code>Select From The List</code> is still there, and if you click to select an option, it is empty and <code>Nothing Selected</code> displays on selection box</p></li>
  <li><p>If you click on another btns to load srt of data the <em>first</em> click does nothing but the <em>second</em> click change update the list as it is supposed to be. </p></li>
  </ol>
  
  <p>How can I fix this and force the dropdown to change its states with the first click?</p>
  
  <p>Here is the code I used to load data:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="panel panel-default"&gt;
    &lt;div class="panel-heading"&gt;
      4 - Select Species 
      &lt;button type="button" class="btn btn-default btn-xs pull-right" id="specicPop"&gt;?&lt;/button&gt;
    &lt;/div&gt;
    &lt;div class="panel-body"&gt;
      &lt;div class="btn-group" data-toggle="buttons" id="speciesSelect"&gt;
        &lt;button id="allspecies" type="button" class="btn btn-default btn-sm"&gt;All Species&lt;/button&gt;
        &lt;button id="aquatic" type="button" class="btn btn-default btn-sm"&gt;Aquatic&lt;/button&gt;
        &lt;button id="terrestria" type="button" class="btn btn-default btn-sm"&gt;Terrestrial&lt;/button&gt;
      &lt;/div&gt;
      &lt;select id="arearesults" class="selectpicker" data-live-search="true"&gt;
        &lt;option value="select"&gt;Select From The List&lt;/option&gt;
      &lt;/select&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$('.btn-group .btn').click(function(){
    //alert( $(this).attr('id') );
    $.post(
      'con/animalList.php',
      //datatype: "html",
      { selType : this.id },
      function(data) {
        $('#arearesults').html(data);
      }
    );
    $('#arearesults').selectpicker("refresh");
  });
  </code></pre>