Bootstrap select doesn't update selected options properly

Question

I am using bootstrap select plugin, When the options at bottom of the select is selected the bootstrap select does not refresh the select properly(the previously selected options remains as selected as the boostrap select does not remove the selected class properly), Do I have to listen the change event on bootstrap select and refresh the options, This is not occurring while having lesser options, What mightbe the solution for this

  $('.selectpicker').selectpicker({
  });

Js fiddle :

https://jsfiddle.net/aarthi_101/79rz3j1w/18/,

I have posted an issue at github, https://github.com/snapappointments/bootstrap-select/issues/85

Answer 1

Just refresh when change the select and it'll work well. The code :

$('select').on('change',function(){

   $(this).selectpicker('refresh');
});