Функция готовности документа jQuery используется в качестве внешнего контейнера для всех ваших функций jQuery и кода события. Его цель заключается в том, что он загружает код jQuery только после того, как ваш HTML полностью загружен на веб-странице. Это позволяет добавлять функции и события в объекты HTML, содержащиеся в DOM, и предотвращать ошибки загрузки.
Вот как вы это делаете:
$(document).ready(function(){
// jQuery functions go here...
});