title: Chrome Jquery date picker null error in debug
body: <p>I have a jquery date picker and when I run the code below. The calendar will not pop up and I get this error in the debug. What shocks me most is that I wrapped my method in the $(document).ready so idk how it's null.</p>
  
  <p>MyPage.aspx:47 Uncaught TypeError: Cannot read property 'datepicker' of null
      at HTMLDocument. (MyPage.aspx:47)
      at fire (jquery-1.12.4.js:3232)
      at Object.fireWith [as resolveWith] (jquery-1.12.4.js:3362)
      at Function.ready (jquery-1.12.4.js:3582)
      at HTMLDocument.completed (jquery-1.12.4.js:3617)</p>
  
  <p>Here is my Code</p>
  
  <pre><code>  &lt;%--Calendar Code--%&gt;
      &lt;link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"&gt;
      &lt;script src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
      &lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function () {
  
             var sixMonthLimit = new Date();
             sixMonthLimit.setMonth(sixMonthLimit.getMonth() - 6);
  
             $("#&lt;%= StartDate.ClientID %&gt;").datepicker(
             {
                 minDate: sixMonthLimit,
                 maxDate: new Date(),
                 changeMonth: true,
                 numberOfMonths: 1,
                 onClose: function (selectedDate) {
                     $("#&lt;%= EndDate.ClientID %&gt;").datepicker("option", "minDate", selectedDate);
                 }
             });
  
             $("#&lt;%= EndDate.ClientID %&gt;").datepicker(
             {
                 maxDate: new Date(),
                 changeMonth: true,
                 numberOfMonths: 1,
                 onClose: function (selectedDate) {
                     $("#&lt;%= StartDate.ClientID %&gt;").datepicker("option", "maxDate", selectedDate);
                 }
             });
         });
  
      &lt;/script&gt;
  </code></pre>