Bootstrap Multiselect

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/css/bootstrap-multiselect.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/js/bootstrap-multiselect.min.js"></script>
<select name="lstTherapeuticAreas" id="lstTherapeuticAreas"  style="width: 555px;" multiple="multiple" >
<option  value="">select</option>
		<option  value="1">Allergy</option>
		<option  value="2">Analgesics</option>
		<option  value="4">Andrology</option>
		<option  value="5">Anesthesiology</option>
		<option  value="6">Anti-Infective Agents</option>

	</select>

JavaScript

$(function(){
    $('#lstTherapeuticAreas').multiselect({
         includeSelectAllOption: true,
         includeResetOption: true,
          onSelectAll: function () {
          $('.multiselect-reset .btn-block').click();
              // $('#lstTherapeuticAreas').multiselect('deselectAll');
            },
            
    });   


	
	$('#lstTherapeuticAreas').multiselect('updateButtonText');
	
	
  
});