problem with div

problem with div

Hi everybody...
i am new in jQuery....
and i have a problem....
let me first show you my code....
-----------------------------------------
<style type="text/css">
<!--
#content {
    background-color: #FFFFCC;
    width:500px;
    height: 500px;
}
#box {
    background-color: #66FF66;
    height: 50px;
    width: 200px;
}
-->
</style>
<script type="text/javascript" src="../../../apache2triad/htdocs/ATOL_EMS/deneme/Script/jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
       
        $('#show').click(function(){
            $('#content').html('<div id="box"></div>');
        });
       
        $('#box').click(function(){
            $(this).html('Hello...');
        });
       
    });
</script>

</head>

<body>
<input name="show" type="button" value="show" id="show"/>
<div id="content"></div>
</body>
-------------------------------------------------------------

and when i click on box div it does nothing....
what is the problemm....
and how to fix it.....

Thanks.....