title: JQuery Validate Dropdown list
body: <p>I'm using the validation plugin from <a href="http://docs.jquery.com/Plugins/Validation">here</a>. I'm trying force the user to select an option in the drop down list so here's my html for the list:</p>
  
  <pre><code>Select the best option&lt;br/&gt;
  &lt;select name="dd1" id="dd1"&gt;
  &lt;option value="none"&gt;None&lt;/option&gt;
  &lt;option value="o1"&gt;option 1&lt;/option&gt;
  &lt;option value="o2"&gt;option 2&lt;/option&gt;
  &lt;option value="o3"&gt;option 3&lt;/option&gt;
  &lt;/select&gt; &lt;br/&gt;&lt;br/&gt;​
  </code></pre>
  
  <p>And here's the the jquery validation stuff:</p>
  
  <pre><code>$("#everything").validate({
      onsubmit: true,
      rules: {
       dd1: {
        required: {
          depends: function(element) {
              return $("#dd1").val() == "none";
          }
        }
      },
      messages: {
       dd1: {
        required: "Please select an option from the list, if none are appropriate please select 'Other'",
       },
      }
  });
  </code></pre>
  
  <p>I don't see any problems but even when the i select none from the drop down list and click submit, it won't validate it and so doesn't show any messages. Can anyone tell me what i'm doing wrong?</p>