title: jQuery Validate Plugin: how to validate a dropdown
body: <p>I'm trying to use the jQuery Validate plugin to validate a dropdown.  It validates the rest of my form correctly.  But it doesn't work on the dropdown.</p>
  
  <p>Here is my jQuery:</p>
  
  <pre><code>$('#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'
      }
  });
  </code></pre>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;select name="html_url" id="html_url"&gt;
  &lt;option value="none"&gt;Select One...&lt;/option&gt;
  ...
  &lt;/select&gt;
  </code></pre>
  
  <p>What am I doing wrong?  Are my variable names colliding somehow.  The rule for campaign name works fine.</p>