jquery - scope внутри $ (document) .ready ()?

Итак, чтобы оставаться организованным, у меня есть несколько файлов javascript, хотя все они (в конечном итоге) уменьшены вместе, чтобы сформировать один окончательный файл javascript.

Содержимое каждого файла заключено в:

$(document).ready(function(){
    //some javascript here
});

Похоже, что если у меня есть вещи в отдельных файлах (между этим кодом), у них нет доступа друг к другу. Это проблема объема? Что я могу сделать?

Например, в одном файле у меня была куча кода для создания таблиц из данных, полученных через ajax. Однако половина файла была просто шаблонами для отображения данных в зависимости от их типов и тому подобного. Я хотел бы иметь шаблоны в отдельном файле.

Я понимаю, что это всего лишь проблема «предпочтений», и что я мог бы просто хранить все это в одном файле.

Но я надеюсь извлечь уроки из этого и возможно, даже сумею сделать это «по-своему».