title: jQuery Validate extension method not working
body: <p>I am adding the rule below to an existing jQuery Validate script using <a href="http://docs.jquery.com/Plugins/Validation/CustomMethods/extension#extension"><code>extension</code></a>, but this snippet causes it to break and not validate at all. I have tried every possible combination of commas before and after, and I have also tried using the <a href="http://docs.jquery.com/Plugins/Validation/Methods/accept#mimetype"><code>accept</code></a> method with mimetypes, but nothing thus far has worked. If I comment out this snippet (and the comment on the line before it), the code works perfectly, but adding this in causes it to break.</p>
  
  <p><a href="http://jsfiddle.net/mU3zf/">Here's a jsFiddle</a> with the code as-is (doesn't work), and <a href="http://jsfiddle.net/xVhun/1/">here's one</a> with exactly the same code except the snippet is commented out (works fine).</p>
  
  <p>The snippet itself:</p>
  
  <pre><code>form1upload: {
      extension: "jpg|jpeg|pdf|doc|docx|png"
  }
  </code></pre>
  
  <p>The full code:</p>
  
  <pre><code>jQuery(document).ready(function() {
      jQuery("#grantapp").validate({
          errorClass:"errorlabels",
          rules: {
              form1name: "required",
              form1building: "required",
              form1position: "required",
              form1phonex: "required",
              form1besttime: "required",
              form1projtitle: "required",
              form1benefit: "required",
              form1timeframe: "required",
              form1relevance: "required",
              form1description: "required",
              form1amount: "required",
              form1acceptchk: "required",
              form1upload: {
                  extension: "jpg|jpeg|pdf|doc|docx|png"
              }
          },
          messages: {
              form1name: "You must enter your name.",
              form1building: "You must enter your building.",
              form1position: "You must enter your position.",
              form1phonex: "You must enter your phone extension.",
              form1besttime: "You must enter the best time to contact you.",
              form1projtitle: "You must give your project a title.",
              form1benefit: "You must enter the number of students who will benefit.",
              form1timeframe: "You must enter a time frame for this project.",
              form1relevance: "&lt;br /&gt;You must state how this project is relevant to education.",
              form1description: "&lt;br /&gt;You must provide a description of your project.",
              form1amount: "You must enter a requested amount.",
              form1acceptchk: "&lt;span style=\"position:relative;top:-10px;\"&gt;You must accept the terms.&lt;/span&gt;",
              form1upload: "You may not upload this type of file."
          },
          errorPlacement: function (error, element) { 
              if (element.attr("name") == "form1acceptchk") {
                  error.insertAfter("#tbl1");
              } else {
                  error.insertAfter(element);
              }
          }
      });
  });
  </code></pre>