Próbuję użyć wtyczki jQuery Validate do sprawdzenia listy rozwijanej. Poprawnie sprawdza resztę mojego formularza. Ale to nie działa na liście rozwijanej.

Oto mój jQuery:

$('#campaignForm').validate({
    rules: {
         campaign_name: {
             required: true
         },
         html_url: {
             required: {
                 depends: function(element) {
                     return $('#html_url').val() == 'none';
                 }
              }
         }
    },
    messages: {
        campaign_name: 'Please enter a campaign name',
        html_url: 'Please select a template'
    }
});

Oto mój HTML:

<select name="html_url" id="html_url">
<option value="none">Select One...</option>
...
</select>

Co ja robię źle? Czy moje nazwy zmiennych w jakiś sposób kolidują. Reguła dotycząca nazwy kampanii działa poprawnie.