Why can't i put these variables in global scope? It only works in local.
<p>The code below will write in FirstName LastName is X years old. However, if I want to pull out the jquery variables val() variables in the button click and make them global, it doesn't work. I am not sure why.</p>

<pre><code>function Household (firstName, lastName, age){


  var _list = {
      "_fname": firstName,
      "_lname": lastName,
      "_age": age
  };

this.addPerson = function () {

    var writeIn = _list._fname + " " + _list._lname + " is " + _list._age + " years old.";

    return writeIn;
 }

}



$('#btnSub').click(function(){

  var _getFName = $('#enterFName').val();
  var _getLName = $('#enterLName').val();
  var _getAge = $('#enterAge').val();

  var nuHouse = new Household (_getFName, _getLName, _getAge);

  var newNuHouse = nuHouse.addPerson();

  $('#insertAnswer').html(newNuHouse);

});
</code></pre>

<p>Why doesn't this work? I want to make the values global so I can access them via other button clicks.</p>

<pre><code>function Household (firstName, lastName, age){


var _list = {
    "_fname": firstName,
    "_lname": lastName,
    "_age": age
};

this.addPerson = function () {

    var writeIn = _list._fname + " " + _list._lname + " is " + _list._age + " years old.";

    return writeIn;
}

}

var _getFName = $('#enterFName').val();
var _getLName = $('#enterLName').val();
var _getAge = $('#enterAge').val();

var nuHouse = new Household (_getFName, _getLName, _getAge);


$('#btnSub').click(function(){

   var newNuHouse = nuHouse.addPerson();

   $('#insertAnswer').html(newNuHouse);

});
</code></pre>

<p>Thank you in advance!</p>