Tengo un div con una barra de desplazamiento a la derecha cuando hay mucho texto. Intenté usar este código para desplazarme al final de un div cuando se carga la página, pero no tengo mucha suerte. ¿Cómo puede lograrse?

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;
    }
});