title: Jquery Validation Error asp.net mvc 3 - jquery.validate.min.js
body: <p>I am learning asp.net mvc and jquery. I have used jqueryui in my layout page, following is the code (using jquery 1.9.1 and jqueryui 1.10.3):</p>
  
  <pre><code>&lt;head&gt;
  &lt;title&gt;@ViewBag.Title&lt;/title&gt;
  &lt;link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="@Url.Content("~/Content/smoothness/jquery-ui-1.10.3.custom.min.css")" rel="stylesheet" type="text/css" /&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery-1.9.1.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery-ui-1.10.3.custom.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/modernizr-2.5.3.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          // JOIN - REGISTER BUTTONS 
          $("#btnSignIn").button({
              icons: {
                  primary: "ui-icon-person"
              },
              text: true
          });
          $("#btnJoin").button({
              icons: {
                  primary: "ui-icon-gear"
              },
              text: true
          });
  
          $('a').on('click', function (e) {
              e.preventDefault();
          });
  
          $('#ddmenu li').hover(function () {
              clearTimeout($.data(this, 'timer'));
              $('ul', this).stop(true, true).slideDown(200);
          }, function () {
              $.data(this, 'timer', setTimeout($.proxy(function () {
                  $('ul', this).stop(true, true).slideUp(200);
              }, this), 100));
          });
      });
      &lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>Following is the code in my Login view, where I (believe I) have the valid references:</p>
  
  <pre><code>        @model LayoutTest.Models.LogOnModel
  
      @{
          ViewBag.Title = "LogOn";
          Layout = "~/Views/Shared/_Layout.cshtml";
      }
  
      &lt;h2&gt;Log On&lt;/h2&gt;
      &lt;p&gt;
          Please enter your user name and password. @Html.ActionLink("Register", "Register") if you don't have an account.
      &lt;/p&gt;
      &lt;script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  
  
      @Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.")
  </code></pre>
  
  <p>Referring to other SO posts, I have added the proper jquery script references, but I am still not able to get this to work. Attached is the error message I get when calling the Logon view:</p>
  
  <p>Unhandled exception at line 48, column 199 in localhost:49436/Scripts/jquery.validate.min.js</p>
  
  <p>0x800a138f - Microsoft JScript runtime error: Unable to get value of the property 'call': object is null or undefined</p>