Simple Jquery Computed Value example

by bradleytrager

HTML

<p>Hello <span id="full_name"></span>
</p>First Name:
<input id="input_first_name" type="text" class="name_input" />Last Name:
<input id="input_last_name" type="text" class="name_input" />

JavaScript

//Model
var Person = {
    FirstName: "",
    LastName:""
};

//Controller
$(document).ready(function () {
    $(".name_input").keyup(function () {
        Person.FirstName = $("#input_first_name").val(); 
        Person.LastName = $("#input_last_name").val();
        var fullName = Person.FirstName + " " + Person.LastName;
        $("#full_name").html(fullName);
    });
});