not entering in Jquery function
<p>I am pretty new to jquery, my problem is that I have done jquery function in a page which inherits from master page. For some reason the function is totally ignored as if there is nothing and the page is loaded without any script. </p>

<p>Do I need to do something in the page load in the code behind? Underneath I am showing the function;</p>

<pre><code>&lt;script type="text/javascript"&gt;
    var index = 0;
    var images = [
        'child.jpg',
        'girl.gif',
        'sponsor.jpg'
    ];

    $('#Image1').attr('src', 'Resources/ChildrenImages/' + images[0]);

    setInterval(change_image, 5000);

    function change_image() {
        index++;
        if (index &gt;= images.length) 
            index = 0;
        $('#Image1').attr('src', 'Resources/ChildrenImages/' + images[index]);
    }
&lt;/script&gt;
</code></pre>
