title: JQuery UI not working in MVC 4 after Scripts.Render?
body: <p>Not sure what the problem is here.  I've read some of the other solutions and tried to use them, but nothing seems to be working.  All I want to do is render a datepicker.  I've done it many times before, just not sure if I'm having a brain malfunction because I've been in "crunch" time for the last few weeks, or what.</p>
  
  <ol>
  <li>I have the latest JQuery (1.9.1), latest JQuery UI (1.10.2).</li>
  <li><p>I've checked the BundleConfig, and all seems well:</p>
  
  <pre><code>        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                  "~/Scripts/jquery-{version}.js"));
  
      bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                  "~/Scripts/jquery-ui-{version}.js"));
  
      bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                  "~/Scripts/jquery.unobtrusive*",
                  "~/Scripts/jquery.validate*"));
  
      // Use the development version of Modernizr to develop with and learn from. Then, when you're
      // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
      bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                  "~/Scripts/modernizr-*"));
  
      bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));
  
      bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                  "~/Content/themes/base/jquery.ui.core.css",
                  "~/Content/themes/base/jquery.ui.resizable.css",
                  "~/Content/themes/base/jquery.ui.selectable.css",
                  "~/Content/themes/base/jquery.ui.accordion.css",
                  "~/Content/themes/base/jquery.ui.autocomplete.css",
                  "~/Content/themes/base/jquery.ui.button.css",
                  "~/Content/themes/base/jquery.ui.dialog.css",
                  "~/Content/themes/base/jquery.ui.slider.css",
                  "~/Content/themes/base/jquery.ui.tabs.css",
                  "~/Content/themes/base/jquery.ui.datepicker.css",
                  "~/Content/themes/base/jquery.ui.progressbar.css",
                  "~/Content/themes/base/jquery.ui.theme.css"));
  </code></pre></li>
  <li><p>I've set up _Layout.cshtml header:</p>
  
  <pre><code>    @Styles.Render("~/Content/css")
      @Scripts.Render("~/bundles/modernizr")
      @Scripts.Render("~/bundles/jquery")
      &lt;script&gt;
          $(function () {
              $("#datepicker").datepicker();
          });
      &lt;/script&gt;
  </code></pre></li>
  </ol>
  
  <p>And then added another Scripts.Render("~/bundles/jquery") in the body.  Yet when I add the datepicker, nothing happens...I just get a textbox.</p>
  
  <p>I have also tried:</p>
  
  <ul>
  <li>manually adding in the script reference in the header</li>
  <li>adding in the jquery script reference as provided in the jquery ui demo (the url)</li>
  </ul>
  
  <p>nothing...and I mean NOTHING is working.  I've double checked my file paths, and they are correct...what am I missing?!</p>