Hi Guy,
Initializing the Grid inside the
$(document ).ready() method will start once the page DOM is ready to execute JavaScript code. This ensures that the DOM will not be manipulated before the document has been loaded. Because initializing the Grid occurs after the document is ready, $(document).ready() is a good place to have all other jQuery events and functions.
As a page can't be manipulated safely until the document is "ready", you wait until the document ready event has fired. The document ready event signals that the DOM of the page is now ready, so you can manipulate it without worrying that parts of the DOM has not yet been created.
Hope this answers your questions and please contact us back if you have any further ones.
Regards,
Nikolay
Progress Telerik
Get
quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers.
Learn More.