Hey. I'm having problems with a .click function. It is in the Kings landing function. It only runs once. Run the code, type your name then type help to take you into the help function and then you go back to kings landing and no matter what you type in before you hit the ok button it doesnt do anything.

<html>

<head>
<title> Game of Thrones the Text Game </title>


<head>

<body>
<header>

<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"> </script>

<script>

var name = "";
var strength = 1;
var agility = 1;
var lifepoints = 10;
var armorrating = 0;
var weaponrating = 0;


$(document).ready(function() {

function CheckForCommand(choice, go) {
if (choice.toUpperCase() === "help".toUpperCase()) {
Help(go);
};

if (choice.toUpperCase() === "stats".toUpperCase()) {
CheckStats(go);

};



};


function CheckStats(go) {
$("header").append("<p>-= Stats =-");
$("header").append("<p>Strength " + strength + "</p>");
$("header").append("<p>Agility " + agility + "</p>");
$("header").append("<p>Life Points " + lifepoints + "</p>");
$("header").append("<p>Armor Rating " + armorrating + "</p>");
$("header").append("<p>Weapon Rating " + weaponrating + "</p>");
$("header").append("<input type = 'button' value = 'ok' id = 'okstats'>")
$("#okstats").click(function(){
$("p").hide();
$("input").hide();
go();
});

};

function Help(go) {
$("header").append("<p>-= Help =-<p>");
$("header").append("<p>The TALK command can be used to talk to a quest npc if one is present. Quest NPCs appear in certain places depending on your level. Completing quests will earn you rewards.</p>");
$("header").append("<p>The ATTACK command can be used to attack a Quest NPC if is part of a quest.</p>");
$("header").append("<p>The STATS command can be used to check you stats such as armor rating and strength. As your level increases your stats will increase.</p>");
$("header").append("<p>The EQUIP command can be used to equip different items.</p>");
$("header").append("<input type = 'button' value = 'ok' id = 'ok'>");


$("#ok").click(function(){
$("input").hide();
$("p").hide();
go();
});
};

function KingsLanding() {
$("header").append("<p>-= King's Landing =-</p>");
$("header").append("<p>1. Enter Weapon Smith</p>");
$("header").append("<p>2. Enter Kings Landing Armory</p>");
$("header").append("<p>3. Enter Kings Landing College of Proffesions</p>");
$("header").append("<p>4. Enter Black Pony Bar</p>");
$("header").append("<p>5. Enter Provision Store</p>");
$("header").append("<p>6. Leave Kings Landing</p>");
$("header").append("<p>" + name + ", Enter a number. Type help for more information.</p>");
$("header").append("<input type = 'text' id = 'choice'>");
$("header").append("<p></p>");
$("header").append("<input type = 'button' value = 'ok' id = 'klokbutton'>");

$("#klokbutton").click(function(){

$("p").hide();
$("input").hide();
var choice = $("#choice").val();
CheckForCommand(choice, KingsLanding);
KingsLanding();
});


};

function choosename() {

$("header").append("<p>Please enter your characters name.</p>");
$("header").append("<input type = 'text' id = 'getname'>");
$("header").append("<p></p>");
$("header").append("<input type = 'button' value = 'ok' id = 'namebutton'>");
$("#namebutton").click(function(){
$("p").hide();
$("input").hide();
name = $("#getname").val();
KingsLanding();
});
};




choosename();

});

</script>

</header>

<body>

</body>

</html>