Why is a function declared in document.ready() not defined when called?

Question

Here is my HTML/JavaScript:

Answer 1

Variables and methods declared inside the $(function() function are only accessible within that. If you need to use those outside, you you make it in the global namespace like

window.functionName = functionName;