网页没有显示每个人的年龄

Question

现在1个月进入javascript，我正在开发我的第一个自制项目：生日信息页面。最后一个声明 $("ul[class='dad']").append("<p>" + dadAge + "</p"); 没有在他的文本中显示今天（2016年）和他的出生日期之间的差异。其他一切工作正常，但它好像代码无效。或者是吗？此外，如果有人知道任何更短的方式来编写这个代码将是伟大的。这是我在这段代码中出现的最佳方式。

birthdayStyle();
calculateDaysUntilBirthday();

// important_dates.html  page
function birthdayStyle() {
    $("document").ready(function() {
        //$("*").css("color","white");
        $("h2.title").css('font-size', '25px');
        $("h2.title").css('color', 'black');
        $("h3.h3birthday").addClass("h3BdayStyle");
        $("ul.person").addClass('personStyle');
        $("li.birthdate").addClass('birthDateStyle');

    })
};

function calculateDaysUntilBirthday () {
    var todaysDate = new Date();
    var todaysYear = todaysDate.getFullYear();
    var dob = {dad: "1958", mom: '1962', kathy: '1980', jeremy: '1985', chris: '1990', matthew: '1993'}
    var dadAge = dob.dad - dad;
    var momAge = dob.mom - mom;
    var kathyAge = dob.kathy - kathy;
    var jeremyAge = dob.jeremy - jeremy;
    var chrisAge = dob.chris - chris;
    var matthewAge = dob.matthew - matthew;
    $("document").ready(function() {
        $("ul[class='person']").append("<p>" + dadAge + "</p");
    })
}