twitter-bootstrap - How to add option values on silviomoreto's Bootstrap-Select

http://stackoverflow.com/q/23259617/17447

by survivant

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="http://silviomoreto.github.io/bootstrap-select/bootstrap-select.min.js"></script>
<link rel="stylesheet" href="http://silviomoreto.github.io/bootstrap-select/bootstrap-select.min.css">
<select id="region" class="selectpicker">
        <option>region 1</option>
        <option>region 2</option>
        <option>region 3</option>
</select>
<select id="cities" class="selectpicker"></select>

JavaScript

$('.selectpicker').selectpicker();
$("#region").on('change', function () {
   $("#cities")
       .html('<option>city1</option><option>city2</option>')
       .selectpicker('refresh');
});