title: how to append options in select bootstrap?
body: <p>My select bootstrap dosn't show the options i append:</p>
  
  <p>This is the index:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="form-group label-floating"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-lg-5 col-md-6 col-sm-3"&gt;
        &lt;select id="recau_agente" class="selectpicker" data-style="btn btn-primary btn-round" title="Single Select" data-size="7"&gt;
        &lt;/select&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the jQuery to insert the options in the select:</p>
  
  <pre class="lang-js prettyprint-override"><code>var ruta = "https://maxtechglobal.com/vencimientos/arba/conceptos_recaudacion.php";
  var $select = $('#recau_agente');
  $.getJSON(ruta, function(json) {
    $select.html('');
    $.each(json.data, function(index, value) {
      $select.append('&lt;option id="' + value.concepto + '"&gt;' + value.concepto + '&lt;/option&gt;');
    });
  });
  </code></pre>