jQuery .click and .html not working
<p>Im trying to create a game with jQuery, but none of the options after the first choice work</p>

<p>Sorry i don't have a working example
<br />
<br /></p>

<pre><code>--- jQuery ---
$(document).ready(function() {
    $(".console").animate({ scrollTop: $(".console").prop("scrollHeight") - $('.console').height() }, 1000);
    $(".controls").html("&lt;a id=\"00001\"&gt;left&lt;/a&gt; &lt;a id=\"00002\"&gt;right&lt;/a&gt;");
    $("#00001").click(function() {
        $(".console_top").append("you turned left\n&lt;br /&gt;");
        $(".controls").html("&lt;a id=\"00003\"&gt;jump&lt;/a&gt; &lt;a id=\"00004\"&gt;sit&lt;/a&gt;");
        $(".console").animate({ scrollTop: $(".console").prop("scrollHeight") - $('.console').height() }, 1000);
    });
    $("#00002").click(function() {
        $(".console_top").append("you turned right\n&lt;br /&gt;");
        $(".controls").html("&lt;a id=\"00003\"&gt;jump&lt;/a&gt; &lt;a id=\"00004\"&gt;sit&lt;/a&gt;");
        $(".console").animate({ scrollTop: $(".console").prop("scrollHeight") - $('.console').height() }, 1000);
    });
    $("#00003").click(function() {
        $(".console_top").append("you jumped\n&lt;br /&gt;");
        $(".controls").html("&lt;a id=\"00003\"&gt;jump again&lt;/a&gt; &lt;a id=\"00004\"&gt;sit&lt;/a&gt;");
        $(".console").animate({ scrollTop: $(".console").prop("scrollHeight") -         $('.console').height() }, 1000);
    });
    $("#00004").click(function() {
        $(".console_top").append("you sit\n&lt;br /&gt;");
        $(".controls").html("&lt;a id=\"00004\"&gt;stay siting&lt;/a&gt; &lt;a id=\"00005\"&gt;stand up&lt;/a&gt;");
        $(".console").animate({ scrollTop: $(".console").prop("scrollHeight") - $('.console').height() }, 1000);
    });
    $("#00005").click(function() {
        $(".console_top").append("you stand up\n&lt;br /&gt;");
        $(".controls").html("&lt;a id=\"00006\"&gt;Win this game&lt;/a&gt; &lt;a id=\"00007\"&gt;Lose This Game&lt;/a&gt;");
        $(".console").animate({ scrollTop: $(".console").prop("scrollHeight") - $('.console').height() }, 1000);
    });
    $("#00006").click(function() {
        $(".console_top").append("you win\n&lt;br /&gt;");
        $(".controls").html("You're still here? It's over! Go home!");
        $(".console").animate({ scrollTop: $(".console").prop("scrollHeight") - $('.console').height() }, 1000);
    });
    $("#00007").click(function() {
        $(".console_top").append("you lost the game\n&lt;br /&gt;");
        $(".controls").html("crap now i lost the &lt;a href=\"http://en.wikipedia.org/wiki/The_Game_(mind_game)\"&gt;game&lt;/a&gt;");
        $(".console").animate({ scrollTop: $(".console").prop("scrollHeight") - $('.console').height() }, 1000);
    });
});


--- html ---
&lt;div class="main"&gt;
&lt;!--Game Console--&gt;
&lt;div class="console"&gt;
&lt;div class="console_top"&gt;
&lt;br /&gt;

&lt;/div&gt;
&lt;div class="console_bottom"&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!--END Game Console--&gt;
&lt;!--Game Controls--&gt;
&lt;div class="controls"&gt;

&lt;/div&gt;
&lt;!--END Game Controls--&gt;
&lt;/div&gt;
</code></pre>
