SendGrid style-guide error select

select-error.html

<div class="input-select-wrap is-required is-error">
  <label class="input-select-label" for="select-example-error">State</label>
  <div class="input-select">
    <select id="select-example-error">
      <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>
  <span class="input-info danger">State is a required field.</span>
</div>

select-error.js

$(function() {
  $("#select-example-error").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
  });
});