I'm trying to fire a cookie saving the persons first name when a button is clicked. And then show the cookie when the read cookie button is clicked.

However, the cookie doesn't seem to be saving?

<form id="myform">
  <input type="text" id="fname" value="First name"><br />
    <input type="text" id="lname" value="Last name">
</form>

<input id="btnAdd" type="button" value="Add Cookie" />
<input id="btnRead" type="button" value="Read Cookie" />

<script type="text/javascript">
    $(function () {
        $("#fname").click(function () {
            $.cookie("Name", $("#fname").val());
        });
        $("#btnRead").click(function () {
            alert($.cookie("Name"));
        });
    });
</script>