jQuery addClass example

Change class name on click in jQuery

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.js"></script>
<div class="container">
<div class="input-field" id="hear_about">
  <select>
       <option value="" disabled selected>How Did You Hear About Us?</option>
       <option value="Radio">Radio</option>
       <option value="Television">Television</option>
       <option value="Web Search">Web Search</option>
       <option value="Email">Email</option>
       <option value="On Track">On Track</option>
       <option value="Print Ad">Print Ad</option>
       <option value="Friend/Referral">Friend/Referral</option>
       <option value="Online Ad">Online Ad</option>
       <option value="Social Media">Social Media</option>
    </select>
  <label for="hear_about">How Did You Hear About Us?</label>

</div>
</div>

CSS

.container{
  width: 250px;
  margin: 0 auto
}

JavaScript

$(document).ready(function() {
  $('select').material_select();
});