Semantic UI - USA States - Dropdown

semantic-states-dropdown

<div class="ui selection dropdown">
  <input type="hidden" name="state" id="state">
  <div class="default text">State</div>
  <i class="dropdown icon"></i>
  <div class="menu ui transition hidden">
      <div class="item" data-value="AK">AK</div>
      <div class="item" data-value="AL">AL</div>
      <div class="item" data-value="AR">AR</div>
      <div class="item" data-value="AZ">AZ</div>
      <div class="item" data-value="CA">CA</div>
      <div class="item" data-value="CO">CO</div>
      <div class="item" data-value="CT">CT</div>
      <div class="item" data-value="DC">DC</div>
      <div class="item" data-value="DE">DE</div>
      <div class="item" data-value="FL">FL</div>
      <div class="item" data-value="GA">GA</div>
      <div class="item" data-value="HI">HI</div>
      <div class="item" data-value="IA">IA</div>
      <div class="item" data-value="ID">ID</div>
      <div class="item" data-value="IL">IL</div>
      <div class="item" data-value="IN">IN</div>
      <div class="item" data-value="KS">KS</div>
      <div class="item" data-value="KY">KY</div>
      <div class="item" data-value="LA">LA</div>
      <div class="item" data-value="MA">MA</div>
      <div class="item" data-value="MD">MD</div>
      <div class="item" data-value="ME">ME</div>
      <div class="item" data-value="MI">MI</div>
      <div class="item" data-value="MN">MN</div>
      <div class="item" data-value="MO">MO</div>
      <div class="item" data-value="MS">MS</div>
      <div class="item" data-value="MT">MT</div>
      <div class="item" data-value="NC">NC</div>
      <div class="item" data-value="ND">ND</div>
      <div class="item" data-value="NE">NE</div>
      <div class="item" data-value="NH">NH</div>
      <div class="item" data-value="NJ">NJ</div>
      <div class="item" data-value="NM">NM</div>
      <div class="item" data-value="NV">NV</div>
      <div class="item" data-value="NY">NY</div>
      <div class="item" data-value="OH">OH</div>
      <div class="item" data-value="OK">OK</div>
      <div class="item" data-value="OR">OR</div>
      <div class="item" data-value="PA">PA</div>
      <div class="item" data-value="RI">RI</div>
      <div class="item" data-value="SC">SC</div>
      <div class="item" data-value="SD">SD</div>
      <div class="item" data-value="TN">TN</div>
      <div class="item" data-value="TX">TX</div>
      <div class="item" data-value="UT">UT</div>
      <div class="item" data-value="VA">VA</div>
      <div class="item" data-value="VT">VT</div>
      <div class="item" data-value="WA">WA</div>
      <div class="item" data-value="WI">WI</div>
      <div class="item" data-value="WV">WV</div>
      <div class="item" data-value="WY">WY</div>
  </div>
</div>