I'd would like to use the jquery validation plugin to validate and ensure that the user selects an option. I know that it's working if you leave the first option value blank like this :
<select id="jungle" name="jungle" title="Please select something!" validate="required:true">
<option value=""></option>
<option value="1">Buga</option>
<option value="2">Baga</option>
<option value="3">Oi</option>
</select>
But I need a solution where I can have the value of the first option not blank as it needs to be filled dynamically. e.g.
<select id="jungle" name="jungle" title="Please select something!" validate="required:true">
<option value="default"></option>
<option value="1">Buga</option>
<option value="2">Baga</option>
<option value="3">Oi</option>
</select>
Does anybody knows how to customize the default validation to have this working ?