jquery: two click function
<p>why i click on "close" div, don't show "basic text"?
in short, why don't work second "click" function? </p>

<pre><code>&lt;!DOCTYPE html&gt;
    &lt;html&gt;
    &lt;head&gt;  
        &lt;script src="http://code.jquery.com/jquery-1.4.4.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript"&gt;
        $(document).ready(function(){
            $("#sp").click(function(){
                $("#info").html("&lt;div&gt;&lt;div id='close'&gt;Close&lt;/div&gt;&lt;div&gt;new text&lt;/div&gt;&lt;/div&gt;");
            });

            $("#close").click(function(){
                $("#info").html("&lt;div&gt;basic text&lt;/div&gt;");
            });
        });
        &lt;/script&gt;
        &lt;style&gt;
        &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;p id="sp"&gt;Click&lt;/p&gt;
    &lt;div id="info"&gt;
        &lt;div&gt;basic text&lt;/div&gt;
    &lt;/div&gt;
    &lt;/body&gt;
    &lt;/html&gt;
</code></pre>
