Estoy tratando de usar el complemento jQuery Validate para validar un menú desplegable. Valida correctamente el resto de mi formulario. Pero no funciona en el menú desplegable.

Aquí está mi 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'
    }
});

Aquí está mi HTML:

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

¿Qué estoy haciendo mal? ¿Están mis nombres de variables chocando de alguna manera? La regla para el nombre de la campaña funciona bien.