title: DatePicker gives Object doesn't support property or method 'datepicker' in full view but NOT in Modal form
body: <p>In case the title gets cut off, I am receiving the following error:
  0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'datepicker'</p>
  
  <p>The datepicker works fine in a Modal form returned as a PartialView, but it throws that error when trying to use it in a full View outside of a Modal/PartialView.</p>
  
  <p>Bundle.Config:</p>
  
  <pre><code>public static void RegisterBundles(BundleCollection bundles)
      {
          bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
          "~/Scripts/jquery-2.2.0.js",
          "~/Scripts/bootstrap.js",
          "~/Scripts/bootstrap-datepicker.js")
          );
  
          bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
          "~/Scripts/jquery-ui-1.11.4.js",
          "~/Scripts/bootstrap-datepicker.js")
          );
  
          bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
              "~/Scripts/jquery.validate*",
              "~/Scripts/jquery.unobtrusive*"
                  ));
  
          bundles.Add(new StyleBundle("~/bundles/css").Include(
              "~/Content/bootstrap.css",
              "~/Content/bootstrap-theme*",
              "~/Content/jquery-ui.css",
              "~/Content/jquery-ui.structre.css",
              "~/Content/jquery-ui.theme.css"
  
              ));
  
          bundles.Add(new StyleBundle("~/bundles/themes/base/css").Include(
              "~/Content/themes/*.css"
              ));
  
          bundles.Add(new StyleBundle("~/bundles/datepickers/css").Include(
              "~/Content/bootstrap-datepicker.css",
              "~/Content/themes/base/datepicker.css"
              ));
      }
  </code></pre>
  
  <p>Admin Layout (Where the form should fall under):</p>
  
  <pre><code>&lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;@ViewBag.Title - Boxer Puppy Dogs Admin&lt;/title&gt;
  
  @*&lt;script src="~/Scripts/jquery-2.1.4.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="~/Scripts/jquery-ui-1.11.4.min.js"&gt;&lt;/script&gt;
  &lt;script src="~/Scripts/modernizr-2.6.2.js"&gt;&lt;/script&gt; 
  &lt;link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" /&gt;*@ 
  
  &lt;link href="~/Content/Site.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="~/Content/Admin.css" rel="stylesheet" type="text/css" /&gt;
  
  @Styles.Render("~/bundles/css")
  @Styles.Render("~/bundles/themes/base/css")
  @Styles.Render("~/bundles/datepickers/css")
  @RenderSection("styles", required: false)    
  @Scripts.Render("~/bundles/jquery")
  @Scripts.Render("~/bundles/jqueryval")
  @Scripts.Render("~/bundles/jqueryui")
  @RenderSection("scripts", required: false)
  </code></pre>
  
  <p></p>
  
  <p>Main Layout (to keep things relatively consistent)</p>
  
  <pre><code>&lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;@ViewBag.Title - Boxer Puppy Dogs&lt;/title&gt;
  &lt;link href="~/Content/Site.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script src="~/Scripts/modernizr-2.6.2.js"&gt;&lt;/script&gt;
  
  @*&lt;link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" /&gt;*@
  
  
  @Styles.Render("~/bundles/css")
  @Styles.Render("~/bundles/themes/base/css")
  @Styles.Render("~/bundles/datepickers/css")
  @RenderSection("styles", required: false)
  @Scripts.Render("~/bundles/jquery")
  @Scripts.Render("~/bundles/jqueryval")
  @Scripts.Render("~/bundles/jqueryui")
  @RenderSection("scripts", required: false)
  </code></pre>
  
  <p></p>
  
  <p>Modal Partial View:</p>
  
  <pre><code>@model BoxerPuppyDogs.Models.ManageLitters.LitterViewModel
  
  &lt;script src="~/Scripts/jquery-ui-1.11.4.min.js"&gt;&lt;/script&gt;
  
  @Html.BeginForm("SaveNewLitter", "ManageLitter", FormMethod.Post, new { @id = "newLitterForm" })
  {
  &lt;div class="modal fade" id="NewLitterDialog" tabindex="-1" role="dialog" aria-labelledby="RemoveModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false"&gt;
      &lt;div class="modal-dialog"&gt;
  
          &lt;!-- Modal content--&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-header"&gt;
                  &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
                  &lt;h4 class="modal-title"&gt;Add Litter&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="modal-body"&gt;
                  &lt;div id="DialogPlaceHolder"&gt;
                      @Html.Partial("_NewLitterFormFields", Model)
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="modal-footer"&gt;
                  &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  }
  </code></pre>
  
  <p>Full View version:</p>
  
  <pre><code>    @model BoxerPuppyDogs.Models.ManageLitters.LitterViewModel
  
  @{
      Layout = "~/Views/Shared/_AdminLayout.cshtml";
      ViewBag.Title = "Add Litter";
  }
  
  &lt;script src="~/Scripts/jquery-ui-1.11.4.min.js"&gt;&lt;/script&gt;
  
  
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          @Html.BeginForm("SaveNewLitter", "ManageLitter", FormMethod.Post, new { @id = "newLitterForm" })
          {
  
          @Html.Partial("_NewLitterFormFields", Model)
      &lt;/div&gt;
  
      &lt;div class="row"&gt;
          &lt;button type="button" class="btn btn-default"&gt;Cancel&lt;/button&gt;
      &lt;/div&gt;
  
      }
  &lt;/div&gt;
  </code></pre>
  
  <p>Both the Modal and Full view call this Partial:</p>
  
  <pre><code>    @model BoxerPuppyDogs.Models.ManageLitters.LitterViewModel
  
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $("#LitterDOB").datepicker({
              changeMonth: true,
              changeYear: true,
              dateFormat: 'mm/dd/yy',
              gotoCurrent: true
          });
      });
  &lt;/script&gt;
  
  
  &lt;div class="row"&gt;
      @Html.LabelFor(m =&gt; m.LitterDOB)
      @Html.TextBoxFor(m =&gt; m.LitterDOB, String.Format("{0:MM/dd/yyyy}", Model.LitterDOB), new { id = "LitterDOB", @class = "datepicker" })
  &lt;/div&gt;
  </code></pre>
  
  <p>I originally tried using EditorFor and creating a custom template for this, but that proved obnoxious and I only need this on one control so it's not really necessary at this point. </p>
  
  <p>There's got to be some difference between the Modal and View that call the Partial, but I can't see it.</p>