Eu tenho uma div com uma barra de rolagem à direita quando há muito texto nela. Tentei usar esse código para rolar até o final de uma div quando a página é carregada, mas não estou tendo muita sorte. Como isso pode ser alcançado?

Estilo:

div.messageScrollArea{
    width: 100%;
    max-height: 300px;
    overflow: auto;
}

Código JavaScript:

$(document).ready(function () {
    var objDiv = $('.messageScrollArea');
    if (objDiv.length > 0){
        objDiv[0].scrollTop = objDiv[0].scrollHeight;
    }
});