SendGrid style-guide required select

select-required.html

<div class="input-select-wrap is-required">
  <label class="input-select-label" for="select-example-required">State</label>
  <div class="input-select">
    <select id="select-example-required">
      <option selected="true">Select a state</option>
      <option value="AZ">Arizona</option>
      <option value="CO">Colorado</option>
      <option value="ID">Idaho</option>
      <option value="MT">Montana</option>
      <option value="NE">Nebraska</option>
      <option value="NM">New Mexico</option>
      <option value="ND">North Dakota</option>
      <option value="UT">Utah</option>
      <option value="WY">Wyoming</option>
    </select>
  </div>
</div>

select-required.js

$(function() {
  $("#select-example-required").on('blur', function() {
    $(this).parent().removeClass("is-focused"); // add is-focused on .input-select
  }).on('focus', function() {
    $(this).parent().addClass("is-focused"); // remove is-focused on .input-select
  });
});