title: Microsoft JScript runtime error: Object doesn't support property or method 'validate'
body: <p>This issue is that i am getting the error, Microsoft JScript runtime error: Object doesn't support property or method 'validate'. Couldn't figure out why. Any suggestions?</p>
  
  <pre><code>&lt;form id="ContactUs" class="float-left" autocomplete="off"&gt;
      &lt;div class="box-content"&gt;
              &lt;div id="Department-List" class="field clearfix"&gt;            
                  &lt;select id="DepartmentList" size="1" name="DepartmentList" class="required"&gt;
                     &lt;% foreach(var options in (List&lt;string&gt;)ViewBag.DepartmentList) { %&gt;
                          &lt;option id="&lt;%:options%&gt;" value="&lt;%:options%&gt;" &gt;&lt;%:options%&gt;&lt;/option&gt;
                      &lt;% } %&gt;
                  &lt;/select&gt;
              &lt;/div&gt;
              &lt;div class="field clearfix"&gt;
                  &lt;label class="float-left"&gt;NAME:&lt;/label&gt;
                  &lt;input type="text" id="Name" class="required full-width text radi-4" minlength="3"/&gt;
              &lt;/div&gt;
              &lt;div class="field clearfix"&gt;
                  &lt;label class="float-left"&gt;PHONE:&lt;/label&gt;
                  &lt;input type="text" id="Phone" class="required PhoneNumbers full-width text radi-4" /&gt;
              &lt;/div&gt;
              &lt;div class="field clearfix"&gt;
                  &lt;label class="float-left"&gt;EMAIL:&lt;/label&gt;
                  &lt;input type="text" id="SendersEmail" class="required email full-width text radi-4"/&gt;
              &lt;/div&gt;
              &lt;div class="field clearfix"&gt;
                  &lt;label class="float-left"&gt;ACCOUNT #:&lt;/label&gt;
                  &lt;input type="text" id="AccountNumber" class="full-width text radi-4" /&gt;
              &lt;/div&gt;
              &lt;div class="field clearfix"&gt;
                  &lt;label class="float-left"&gt;QUESTIONS:&lt;/label&gt;
                  &lt;textarea id="QuestionBox" rows="4" cols="25" class="required full-width text radi-4"&gt;&lt;/textarea&gt;
              &lt;/div&gt;
  
  
              &lt;div class="field clearfix"&gt;
                  &lt;input id="submit-inventory-request-button" type="submit" name="Submit" value="Send" class="submit next-step toggle-btn radi-3 arrow-icon" /&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>When I am trying to submit the form I am getting the error from $('#ContactUs').validate() function.</p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
  
       $(document).ready(function () {
           $('#ContactUs').validate({
              errorElement: 'span',
              success: 'valid',
              error: 'error',
              submitHandler: function() {
  
                  var contact = {
                      DepartmentList: $('#DepartmentList').val()
                          , Name: $('#Name').val()
                          , Phone: $('#Phone').val()
                          , SendersEmail: $('#SendersEmail').val()
                          , RequestersEmail: $('#RequestersEmail').val()
                          , AccountNumber: $('#AccountNumber').val()
                          , QuestionBox: $('#QuestionBox').val()
                          , TermsCheckBox: $('#TermsCheckBox').val()
                  };
                  var req;
                  req = DT.ajaxData('/Ajax/ContactUs/', 'POST', JSON.stringify(contact));
  
                  // if the ajax request is successful, then display the success message and redirect the page
                  req.done(function(data) {
                      console.log(data);
                      $("#partial").dialog('close');
                      $("#SuccessMessage").dialog({ buttons: { "Ok": function() { $(this).dialog("close"); } } });
                  });
  
                  return false;
  
              }
          });
      })
  </code></pre>
  
  <p></p>