Estou tentando usar o plugin jQuery Validate para validar uma lista suspensa. Ele valida o resto da minha forma corretamente. Mas isso não funciona no menu suspenso.

Aqui está o meu 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'
    }
});

Aqui está o meu HTML:

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

O que estou fazendo de errado? Meus nomes de variáveis ​​estão colidindo de alguma forma? A regra para o nome da campanha funciona bem.