Using Object Literals with jQuery

by Dan Wahlin

HTML

First Name: <span id="FirstName"></span>
<br />
Last Name: <span id="LastName"></span>
<br />
City: <span id="City"></span>

JavaScript

function getCustomer(id) {
    //Ajax call goes here
    var cust = {
        FirstName: 'John',
        LastName: 'Papa',
        City: 'Orlando'       
    };
    return cust;
}
    
$(document).ready(function() {
   var cust = getCustomer(2);
   $('#FirstName').text(cust.FirstName)
                  .attr('title',cust.FirstName);
   $('#LastName').text(cust.LastName);
   $('#City').text(cust.City);
});