Uncaught ReferenceError: myFunction is not defined

Question

Gives an error. I have placed the code just before . Still getting the error.

Answer 1

From the jQuery docs:

The handler passed to .ready() is guaranteed to be executed after the DOM is ready, so this is usually the best place to attach all other event handlers and run other jQuery code.

So your function isn't created until after your onclick is established. Thus it can't find the function. You'll want to move it outside the $(document).ready(function(){}).