function updatePreview() {
    var val;

    val = $("#name").val();
    if (val.length > 0) {
        $("#preview-name").html(val);
    } else {
        $("#preview-name").text("[Your Name]");
    }

    val = $("#class").val();
    if (val.length > 0) {
        $("#preview-class").html(val);
    } else {
        $("#preview-class").text("[Class]");
    }

    val = $("#year").val();
    if (val.length > 0) {
        $("#preview-year").html(val);
    } else {
        $("#preview-year").text("[Year of Admission]");
    }

    val = $("#teacher_name").val();
    if (val.length > 0) {
        $("#preview-teacher-name").html(val);
    } else {
        $("#preview-teacher-name").text("[Name of Teacher(s)]");
    }

    val = $("#message").val();
    if (val.length > 0) {
        $("#preview-message").html(val.replace(/\n/g, "<br />"));
    } else {
        $("#preview-message").text("[Dedication Message]");
    }
}

$(document).ready(function() {
    $("#message, form input, form select").bind("blur keyup mouseup", updatePreview);
    limitCharacters("#message", 5000, "info");
    $("#message").keyup(function() {
        limitCharacters(this, 5000, "info");
    });
    updatePreview();
    $("form input[type=submit], form input[type=reset]").attr("disabled", "disabled");
});