hide problem after load

hide problem after load

y.html

  1. <div id="d1"><img id="close" src="close.png"></div>



y1.html
  1. <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <style>
    #d1{
        position:fixed;
        width:400px;
        height:400px;
        background-color:#069;
        }

    </style>
    <input type="button" value="OK" />
    <div id="main"></div>
    <script language="javascript">
        $(document).ready(function(){       
                $("input[type='button']").bind('click',function(){
                        $("#main").load("y.html");
                    })               
           
                $("#close").bind('click',function(){
                        $("#d1").hide(1000);
                   
                    })
            })
    </script>






















after click ok button  ican load y.html  but when i clicked close icon no any action  why ?