jQuery - Auto Scroll to bottom of a Chat Box

HTML

<div>
    <p>alskdjg;j ;jhe ;he fkh</p>
    <p>alskdjg;j ;jhe ;he fkh</p>
    <p>alskdjg;j ;jhe ;he fkh</p>
    <p>alskdjg;j ;jhe ;he fkh</p>
    <p>alskdjg;j ;jhe ;he fkh</p>
    <p>last one</p>
</div>

CSS

div {
    height: 100px;
    background: aqua;
    overflow: auto;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
    margin-bottom: 50px;
}

JavaScript

var height = 0;
$('div p').each(function(i, value){
    height += parseInt($(this).height());
});

height += '';

setTimeout(function(){$('div').animate({scrollTop: height});}, 1000)