jQueryUI MultiSearch

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.1.0/lodash.underscore.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="http://bseth99.github.io/jquery-ui-multisearch/jqueryui-multisearch.js"></script>
   <button>Tsevill</button>

   <br/><br/>
   <div id="myMch">
      <div data-role="selected-list">
         <input data-role="input" type="text" placeholder="Search..."/>
      </div>

      <div data-role="picker" class="picker">
         <ul class="list-group" data-role="picker-list">
         </ul>
      </div>
   </div>

CSS

.styled ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.styled li {
   margin: 0;
   padding: 0;
}

.styled a {
   color: black;
   margin: 3px;
}

.styled a:hover, .styled a.hover, .styled li.hover a {
   color: green;
}

.styled .picker {
   border: 1px solid silver;
   padding: 10px;
}

JavaScript

$(function() {

   $("#myMultiSearch").multisearch({
      source: babyNames,
   });

   $( 'button' ).click(function() {

      $("#myMultiSearch").toggleClass( 'styled' );
   }).click();
});

var babyNames = [
   { name: 'Aaliyah' },
   { name: 'Aaron' },
   { name: 'Abigail' },
   { name: 'Adam' },
   { name: 'Addison' },
   { name: 'Adrian' },
   { name: 'Aiden' },
   { name: 'Alex' },
   { name: 'Alexa' },
   { name: 'Alexander' },
   { name: 'Alexandra' },
   { name: 'Alexis' },
   { name: 'Alice' },
   { name: 'Allison' },
   { name: 'Alyssa' },
   { name: 'Amelia' },
   { name: 'Andrew' },
   { name: 'Anna' },
   { name: 'Annabelle' },
   { name: 'Anthony' },
   { name: 'Aria' },
   { name: 'Arianna' },
   { name: 'Asher' },
   { name: 'Aubrey' },
   { name: 'Audrey' },
   { name: 'Austin' },
   { name: 'Ava' },
   { name: 'Avery' },
   { name: 'Bailey' },
   { name: 'Bella' },
   { name: 'Benjamin' },
   { name: 'Bentley' },
   { name: 'Blake' },
   { name: 'Brandon' },
   { name: 'Brayden' },
   { name: 'Brianna' },
   { name: 'Brody' },
   { name: 'Brooke' },
   { name: 'Brooklyn' },
   { name: 'Caleb' },
   { name: 'Cameron' },
   { name: 'Caroline' },
   { name: 'Carson' },
   { name: 'Carter' },
   { name: 'Charlie' },
   { name: 'Charlotte' },
   { name: 'Chase' },
   { name: 'Chloe' },
   { name: 'Christian' },
   { name: 'Christopher' },
   { name: 'Claire' },
   { name: 'Clara' },
   { name: 'Cole' },
   { name: 'Colin' },
   { name: 'Colton' },
   { name: 'Connor' },
   { name: 'Cooper' },
   { name: 'Daniel' },
   { name: 'David' },
   { name: 'Declan' },
   { name: 'Dominic' },
   { name: 'Dylan' },
   { name: 'Easton' },
   { name: 'Eleanor' },
   { name: 'Elena' },
   { name: 'Eli' },
   { name: 'Eliana' },
   { name: 'Elijah' },
   { name: 'Elise' },
   { name: 'Elizabeth' },
   { name: 'Ella' },
   { name: 'Ellie' },
   { name: 'Emily' },
   { name: 'Emma' },
   { name: 'Ethan' },
   { name: 'Eva' },
   { name: 'Evan' },
   { name:...