title: ASP.NET MVC 4 jQuery Validation Script Bundle Not Working
body: <p>I have recentely upgraded a website to use ASP.NET MVC 4 and have the following code to render my jQuery validation bundle.</p>
  
  <p>But I get the following error:</p>
  
  <pre><code>Microsoft JScript runtime error: Object doesn't support property or method 'live'
  </code></pre>
  
  <p>And this error when clicking in a text box:</p>
  
  <pre><code>Unhandled exception at line 1234, column 5 in http://localhost:13112/Scripts/jquery.validate.js
  
  0x800a138f - Microsoft JScript runtime error: Unable to get value of the property 'call': object is null or undefined
  </code></pre>
  
  <p>My bundle code:</p>
  
  <pre><code>    bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                      "~/Scripts/jquery.unobtrusive*",
                      "~/Scripts/jquery.validate*"));
  </code></pre>
  
  <p>My _Layout.cshtml code:</p>
  
  <pre><code>    @Styles.Render("~/Content/css")
      @Styles.Render("~/Content/themes/base/css")
      @Scripts.Render("~/bundles/jquery")
      @Scripts.Render("~/bundles/jqueryval")
      @Scripts.Render("~/bundles/jqueryui")
      @Scripts.Render("~/bundles/modernizr")
  </code></pre>
  
  <p>Here is my rendered HTML:</p>
  
  <pre><code>&lt;link href="/Content/site.css" rel="stylesheet"/&gt;
  
          &lt;link href="/Content/themes/base/jquery.ui.core.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/themes/base/jquery.ui.resizable.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/themes/base/jquery.ui.selectable.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/themes/base/jquery.ui.accordion.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/themes/base/jquery.ui.autocomplete.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/themes/base/jquery.ui.button.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/themes/base/jquery.ui.dialog.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/themes/base/jquery.ui.slider.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/themes/base/jquery.ui.tabs.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/themes/base/jquery.ui.datepicker.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/themes/base/jquery.ui.progressbar.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/themes/base/jquery.ui.theme.css" rel="stylesheet"/&gt;
  
          &lt;script src="/Scripts/jquery-1.9.0.js"&gt;&lt;/script&gt;
  
          &lt;script src="/Scripts/jquery.unobtrusive-ajax.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.validate.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.validate.unobtrusive.js"&gt;&lt;/script&gt;
  
          &lt;script src="/Scripts/jquery-ui-1.9.2.js"&gt;&lt;/script&gt;
  
          &lt;script src="/Scripts/modernizr-2.6.2.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Can someone point out why this error might be occurring?</p>
  
  <p>Thanks,
  Alex.</p>