title: How can i use jquery validation framework on a select tag
body: <p>How can i use Jquery validation framework on  a select tab </p>
  
  <p>This is my fiddle </p>
  
  <p><a href="http://jsfiddle.net/2yXsL/377/" rel="nofollow">http://jsfiddle.net/2yXsL/377/</a></p>
  
  <p>I have tried as </p>
  
  <pre><code>&lt;select  id="BsnessType" name="BsnessType" class="span12 valid"&gt;
  &lt;option value="SELECT"&gt;SELECT&lt;/option&gt;
  &lt;option value="101"&gt;Theatre&lt;/option&gt;
  &lt;option value="102"&gt;Restaurant&lt;/option&gt;
  &lt;/select&gt;
  
  
  
  $('#mailer').validate({
      focusInvalid: false,
      debug: true,
      rules: {
          name: {
              required: true
          },
          email_address: {
              required: true,
          },
          BsnessType: {
              required: true,
          }
  
      },
      messages: {
          name: {
              required: 'name required'
          },
          email_address: {
              required: 'email required',
              email: 'email address is not valid'
          },
           BsnessType: {
              required: 'BsnessType is required',
  
          }
  
      },
        submitHandler: function(event, validator) {
        if ($("#mailer").valid()) {
          callformsubmit();
          return false;
        }
      }
  
  });
  </code></pre>
  
  <p>please let me know how to do this ??</p>