Bootstrap Multiselect Skeleton

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.css">
<link rel="stylesheet" href="http://davidstutz.github.io/bootstrap-multiselect/dist/css/bootstrap-multiselect.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
<script src="http://davidstutz.github.io/bootstrap-multiselect/dist/js/bootstrap-multiselect.js"></script>
<!-- <select id="contentTypesFilter" class="multiselect" multiple="multiple">
                <option value="1:5" data-servicetypeid="5">Apple Music - Student</option>
                <option value="8:5" data-servicetypeid="5">Apple Music - Individual Monthly</option>
                <option value="9:5" data-servicetypeid="5">Apple Music - Family Monthly</option>
                <option value="0:5" data-servicetypeid="5">Apple Music - Trial</option>
                <option value="3:5" data-servicetypeid="5">Apple Music - Carrier Trial 1</option>
                <option value="4:5" data-servicetypeid="5">Apple Music - Carrier Trial 2</option>
                <option value="6:5" data-servicetypeid="5">Music Subscription - Match 1</option>
                <option value="21:5" data-servicetypeid="5">Apple Music - Carrier Paid</option>
                <option value="31:5" data-servicetypeid="5">Apple Music - Carrier Trial 3</option>
                <option value="61:5" data-servicetypeid="5">Apple Music - Individual Annual</option>
                <option value="62:5" data-servicetypeid="5">Apple Music - Lyrics</option>
            </select> -->
            
<select id="contentTypesFilter" class="multiselect" multiple="multiple">
                <option value="281:1" data-servicetypeid="5">Apple Music - Carrier Trial 2</option>
                <option value="281:2" data-servicetypeid="5">Apple Music - Carrier Paid</option>
                <option value="281:3"...

JavaScript

$(function() {
    $('.multiselect').multiselect({
    	//includeSelectAllOption: true,
      //selectAllText: 'All Selected',
      //selectAllValue: -1,
      numberDisplayed: 1,
      maxHeight: 500,
      onInitialized: function(select, container){

			},
      onChange: function(options, checked) {
      				
               if(options.text().indexOf("Subscription")>=0) {
                       		  var values = [];
                    $('#contentTypesFilter option:selected').each(function() {
                        if ($(this).text().indexOf("Subscription")<0) {
                            values.push($(this).val());
                        }
                    });
                    $('#contentTypesFilter').multiselect('deselect', values);
               } else {
               			var valueSelect = [];
                    var valueDeselect = [];
                    $('#contentTypesFilter option').each(function() {
                        if ($(this).text().indexOf("Subscription")>=0) {
                            valueDeselect.push($(this).val());
                        } else {
                        	 valueSelect.push($(this).val());
                        }
                    });
                    $('#contentTypesFilter').multiselect('deselect', valueDeselect);
                    $('#contentTypesFilter').multiselect('select', valueSelect);
               }
 
           }
    });

});