Conditional show-if not working with dropdown (select)

data-show-if works fine with radios, but not with dropdowns (select). The div with data-show-if always appears.

As soon I change the select name from JOB to JOB2 (but keep the div’s data-show-if=”JOB”), the div hides (as it should).

<label for="form-JOB">JOB</label>
<select name="JOB" id="form-JOB">
  <option>Company</option>
  <option>Recruiter</option>
  <option>Applicant</option>
</select>

<div data-show-if="JOB:Recruiter">
    Hi, recruiter!
</div>