Как получить класс animate.css для применения ко всем ответам бот-чата (написанным на Rivescript) с использованием jQuery?

Question

Я написал скрипт chatbot, используя rivescript, и встроил чат в свой сайт. Когда пользователь вводит текст, я хочу, чтобы текст ответа бота "fadeInUp" выводился на экран. Javascript, который я написал, работает для начального ответа бота (после того, как страница была обновлена), но когда я набираю другой ввод, он появляется на экране как обычно (просто появляется без исчезновения). Вот мой код до сих пор -

HTML

<!-- AI output -->
<div id="ai-out">
    <p id="ai-output"></p>
</div>

<!-- User input -->
<div id="ai-in">
    <input id="user_input"></input>
    <button id="submit"> > </button>
</div>

JS

let button = select('#submit');
let userinput = select('#user_input');
let aioutput = select('#ai-output');

button.mousePressed(chat);

function chat() {
    let input = userinput.value();
    let reply = bot.reply("local-user", input);
    aioutput.html(reply);
    $('#ai-output').addClass('animated fadeInUp');
}