bootstrap-select position issue

by Sharmi

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://rawgit.com/silviomoreto/bootstrap-select/b53f8c7d5a0a3799d8337c68eb86f38fafef5a7f/dist/css/bootstrap-select.min.css">
<script src="https://rawgit.com/silviomoreto/bootstrap-select/b53f8c7d5a0a3799d8337c68eb86f38fafef5a7f/dist/js/bootstrap-select.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
            <select id="myselect" class="selectpicker" multiple data-size="5" 
            data-selected-text-format="count>2" multiple>
                <option value="All" >All</option>
                <option value="EC" selected>EC (Early Childhood)</option>
                <option value="E">E (Everyone)</option>
            </select>

JavaScript

function toggleSelectAll(control) {
            var allOptionIsSelected = (control.val() || []).indexOf("All") > -1;
            function valuesOf(elements) {
                return $.map(elements, function (element) {
                    return element.value;
                });
            }
            if (control.data('allOptionIsSelected') != allOptionIsSelected) {
                if (allOptionIsSelected) {
                    control.selectpicker('val', valuesOf(control.find('option')));
                } else {
                    control.selectpicker('val', []);
                }
            } else {
                if (allOptionIsSelected && control.val().length != control.find('option').length) {
                    control.selectpicker('val', valuesOf(control.find('option:selected[value!=All]')));
                    allOptionIsSelected = false;
                } else if (!allOptionIsSelected && control.val().length == control.find('option').length - 1) {
                    control.selectpicker('val', valuesOf(control.find('option')));
                    allOptionIsSelected = true;
                }
            }
            control.data('allOptionIsSelected', allOptionIsSelected);
        }
   
   $('#myselect').selectpicker().change(function () { toggleSelectAll($(this)); }).trigger('change');