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

Question

Here is my HTML/JavaScript:

Answer 1

What I ended up doing - what I should have done in the first place - is adding a click handler for the submit button:

$("input[name='submitButton']").click(function(){...});