Academics with revealed synonyms

by kevee

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="container">
    
    <div class="row" id="stuff">
        <div class="col-md-6">
             <h2>Majors</h2>

            <ul class="list-unstyled" id="majors">
                <li><a href="#">Biology</a>
	                <ul class="results">
	                    Pre-med
	                    Ecology
	                    Teaching science
	                </ul>
                </li>
                <li><a href="#">Business Admin B.S.</a><ul class="results">
								<li>Accounting</li>
								<li>Marketing</li>
								<li>Agribusiness</li>
								<li>Hospitality</li>
								<li>Management</li></ul></li>
								<li><a href="#">Cinematic Arts &amp; Technology B.A.</a><ul class="results">
								<li>Animation</li>
								<li>Film</li></ul></li>
								<li><a href="#">Collaborative Health &amp; Human Services B.A.</a><ul class="results">
								<li>Social Work</li>
								<li>Counseling</li>
								<li>Public Health</li>
								<li>Law enforcement</li></ul></li>
								<li><a href="#">Communication Design B.S.</a><ul class="results">
								<li>Graphic Design</li>
								<li>Web Design</li>
								<li>Interaction Design</li></ul></li>
								<li><a href="#">Computer Science &amp; Information Technology B.S.</a><ul class="results">
								<li>Programming</li>
								<li>Networks</li></ul></li>
                <li><a href="#">Environmental Science, Technology &amp; Policy B.S.</a></li>
								<li><a href="#">Environmental Studies B.A.</a><ul class="results">
								<li>Sustainability</li>
								<li>Science education</li></ul></li>
								<li><a href="#">Global Studies B.A.</a><ul class="results">
								<li>International Relations</li>
								<li>International Development</li>
								<li>Policy</li></ul></li>
								<li><a href="#">Human Communication B.A.</a><ul...

CSS

.results {
    display: none;
}

JavaScript

//Academics with revealed synonyms
$('form').on('submit', function(event) {
    var keywords = $('#search').val();
    event.preventDefault();
    $('#stuff').hide();
    $('#majors > li').each(function() {
        if($(this).text().toLowerCase().search(keywords.toLowerCase()) > -1) {
            $('#results > ul').append($(this));   
        }
    });
    $('#results, .results').show();
});