Как правильно использовать jquery в html

Насколько я знаю, скрипты принято подключать внизу страницы, чтобы ускорить прогрузку основного конетента. Поэтому jquery на странице я хочу подключить как можно ниже.

Файл common.js со всякими функциями подключен еще ниже, все в нем обернуто в $(document).ready. Все хорошо.

Но вот возникла необходимость написать ajax-запрос прямо в html, а не в common.js. Соответственно, в момент, когда браузер встречает скрипт, jquery еще не подключен, ничего не работает. В $(document).ready тоже не обернешь, ведь это тоже jquery.

Как принято решать такую проблему? Очевидный выход - перенести подключение jquery в шапку, но есть ли другие нормальные варианты?