form 으로 onsubmit 속성을 작성할때 ㅠㅠㅠ

<form onsubmit="example();">

......

</form>

이런 경우에요

저 example 이라는 메소드가 그냥 <script></script> 사이에 자바스크립트로 정의되어있느면 먹는데 

제이쿼리 안에 정의되어있으면 안먹네요 ㅠㅠ 원래 그런건가요? 왜그런건가요? 안그랬던거같은데 

자세히 말씀드리면 

<script>

$(document).ready(function(){

function example() {

alert('function example');

}

});

</script>

<form onsubmit="example();">

......

</form>

이렇게 하면 example 이 정의되지 않은 함수라고 에러가 뜨고 

<script>

function example() {

alert('function example');

}

</script>

<form onsubmit="example();">

......

</form>

이렇게 하면 되는데 원래 이런건가요? 

제이쿼리 안에 들어가도되야되는거 아닌가요? ㅠㅠ 

궁금해서 여쭤봅니다