<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <script type="text/javascript" src="https://raw.githubusercontent.com/selectize/selectize.js/master/dist/js/standalone/selectize.js"></script> <link rel="stylesheet" type="text/css" href="https://raw.githubusercontent.com/selectize/selectize.js/master/dist/css/selectize.css" /> <div class="demo"> <h2><select></h2> <div class="control-group"> <label for="select-beast">Beast:</label> <select id="select-beast" class="demo-default" placeholder="Select a person..."> <option value="">Select a person...</option> <option value="4">Thomas Edison</option> <option value="1">Nikola</option> <option value="3">Nikola Tesla</option> <option value="5">Arnold Schwarzenegger</option> </select> </div> <script> $('#select-beast').selectize({ create: true, sortField: { field: 'text', direction: 'asc' }, dropdownParent: 'body' }); </script> </div>