Pourquoi ne puis-je pas utiliser onClick pour exécuter une fonction dans une fonction jQuery $ (document) .ready?

Je suis nouveau sur le Javascript et le jQuery. Je veux cliquer sur un bouton et avoir un js fonction exécutée. (Pour cet exemple, c'est juste une alerte, mais c'est en fait une fonction ajax.)

Le premier message d'alerte s'affiche, mais lorsque je clique sur le bouton, je n'ai jamais voir le second ("ai") alert. Il ressemble javascript ne pense pas le faire() la fonction est définie lorsque le bouton est cliqué.

Voici le code correspondant:

$(document).ready(function()
{ 
    alert('ready');

    function doIt() {
        alert('did it');
    };
}
)

<body>
    <input name="Go" type="button" value="Go" onclick="doIt();"/>
</body>

source d'informationauteur jalperin