title: Getting jQuery Validation plug-in to work with requirejs
body: <p>I've created a form on WordPress-powered site. It's currently using RequireJS to add two buttons to a page element, but I'd also like Require to control some things in the jQuery Validation plug-in.  The adding of the buttons work fine, but sadly, the validation is not working.</p>
  
  <p>The form looks like this in the HTML:</p>
  
  <pre><code>  &lt;form id="contact" method="get" action=""&gt;
      &lt;fieldset id="contact-form-fields"&gt;
        &lt;p&gt;
          &lt;label for="form_name" class="form-titles"&gt;Name&lt;/label&gt;
          &lt;input name="form_name" id="form_name" type="text" placeholder="Name" aria-required="true" class="required"&gt; 
        &lt;/p&gt;
        &lt;p&gt;
          &lt;label for="form_email" class="form-titles"&gt;Email&lt;/label&gt;
          &lt;input name="form_email" id="form_email" type="text" placeholder="Email" aria-required="true" value=""&gt;  
        &lt;/p&gt;
        &lt;p&gt;
          &lt;label for="msg_text" class="form-titles"&gt;Email&lt;/label&gt;
          &lt;textarea tabindex="-8" rows="10" placeholder="Type your awesome message here." class="placeholder" name="msg_text" id="msg_text" aria-required="true" class="required"&gt;&lt;/textarea&gt;
        &lt;/p&gt;
      &lt;/fieldset&gt;
      &lt;input type="submit" value="Send Your Message" name="submit" class="button"&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p>RequireJS is attached to the page like this:</p>
  
  <pre><code>&lt;script data-main="http://livetest.kaidez.com/wp-content/themes/kaidez-2012/js/config.js" src="http://livetest.kaidez.com/wp-content/themes/kaidez-2012/js/require-jquery.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The above-mentioned config.js file looks like this:</p>
  
  <pre><code>require.config({
    baseUrl: "http://livetest.kaidez.com/wp-content/themes/kaidez-2012/js",
  
    deps: ['scripts'],
  
    paths: {
      jquery: "jquery",
      jqueryValidate: "jquery-validate.min" 
    },
  
    shim: {
      jquery: {
        exports: "jquery"
      },
      jqueryValidate: {
        deps: ["jquery"]
      }
    }
  });
  </code></pre>
  
  <p>config.js says it has a dependency called scripts.js, which looks like this:</p>
  
  <pre><code>// code that adds buttons to the page
  require(['jquery'], function ($) {
  
    var header = document.getElementById("masthead"),
      $navMenu = $("#site-navigation-list"),
      $searchBox = $("#searchform"),
      menuButton = document.createElement("div"),
      searchButton = document.createElement("div"),
      showMenus;
  
    $(menuButton).attr("id", "menu");
    $(searchButton).attr("id", "search");
  
    header.appendChild(searchButton);
    header.appendChild(menuButton);
  
    showMenus = function(btn,el) {
      $(btn).click(function() {
        if (el.is(":visible") ) {
          el.slideUp({
            complete:function(){
              $(this).css("display","");
            }
          });
         } else {
           el.slideDown();
         }
      });
    };
  
    showMenus(menuButton, $navMenu);
    showMenus(searchButton, $searchBox);
  
  });
  
  //code that controls jQuery Validate
  require(["jquery", "jqueryValidate"], function($, jqueryValidate) {
    $("#contact").validate({
      rules: {
        form_email: {
          required: true,
          number: true
        }
      }
    });
  }); 
  </code></pre>
  
  <p>Looking at other posted questions, jsFiddles, etc and I can't seem to find an answer.  I think my error is in my RequireJS settings but I'm not sure. Working dev environment code is <a href="http://livetest.kaidez.com/" rel="nofollow">here</a>. Any help is appreciated.</p>