Jquery should run only when the check box is checked in
<p><code>enter code here</code>My requirement is i am having the images and a check box on a page.Now when the check box is checked in and when i place my mouse hover the image the jquery should run.</p>

<p>When the check box is checked out and the mouse hover is on the image the jquery should not run....</p>

<p>my code is like this..</p>

<pre><code>$(document).ready(
 function()
    {
     $("#box img").click(
            function()
                {

                    var sr=$(this).attr("src");                    
                    //alert(sr);
                    $("#box2 img").fadeOut("slow",function(){
                    $("#box2").html("&lt;img src='"+sr+"' style='opacity:0.30'/&gt;");
                    $("#box2 img").fadeTo("slow",1);
                    });


                }
        );
        $("#box img").hover(
            function()
            {
                $(this).css({'z-index' : '10','border':'4px solid white'});
                $(this).animate({
                marginTop: '-110px',
            marginLeft: '-110px',
            top: '50%',
            left: '50%',
            width: '200px',
            height: '200px'        
            },200);
            },
</code></pre>

<p>Now i need to run this functions only when the check box is checked in...</p>
