Как вызвать функцию в отдельном документе?
Заведи привычку всегда js файлы все подключать перед закрывающимся </body>.
оберни свйо скрипт в это $( document ).ready(function() {
твой код

});

 конпка сначала должна загрузиться, а потом скрипт повесить на нее слушатель. у тебя видно скрипт грузится первее