I am trying to call a JavaScript function from an onclick trigger.

HTML section:

<div class=my_radio>

    <input type=radio name=my_radio value=1 onclick=my_func()/>  first button

</div><!-- end of class my_radio -->

And the JavaScript code

<script type=text/javascript>

    $(document).ready(function(){

        function  my_func(){

            alert(this is an alert);

        }

    });

</script>

It does not work.

But if i keep the JavaScript function out of the $(document).ready() code, it works. Following is the relevant code snippet:

<script type=text/javascript>

    $(document).ready(function(){

        function  my_func111(){

            alert(this is an alert);

        }

    });



    function  my_func(){

        alert(this is an alert);

    }

</script>

1) Why does not the first JavaScript code snippet work?

2) How can I get the first JavaScript code snippet working ?

EDIT :

SO FAR AS I KNOW, $(document).ready() is executed when the web page loads completely. So how can I prevent my_func() to be active before or after the complete page-loading if I write my_func() outside $(document).ready()?