title: Why document ready does not work for kendo controls
body: <p>Please try the following code for example:</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://cdn.kendostatic.com/2014.2.1008/js/kendo.all.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
  function DateOfBirth_Change() {
      var input = document.getElementById("DateOfBirth").value;
      document.getElementById("spanDateOfBirth").innerHTML = input;
  }
  $(document).ready(function () {
      DateOfBirth_Change();
  });
  
  &lt;/script&gt;
  
  &lt;input data-val="true" data-val-date="The field Date of Birth: must be a date." data-val-required="*" id="DateOfBirth" name="DateOfBirth" type="date" value="24/10/1984" /&gt;
  &lt;script&gt;
      jQuery(function(){jQuery("#DateOfBirth").kendoDatePicker({"change":DateOfBirth_Change,"format":"dd/MM/yyyy","parseFormats":["dd/MM/yyyy"],"min":new Date(1900,0,1,0,0,0,0),"max":new Date(2099,11,31,0,0,0,0)});});
  &lt;/script&gt;
  &lt;span id="spanDateOfBirth" style="padding-left: 25px;"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>It does not work on page load if the document ready function is defined above kendo control...But if it's below, it works fine... Why is this so?</p>