Javascript - change div position to hovered div center

tooltip.js

var $tooltip = $('.tooltip');

$('.box').mouseenter(function () {
    var $this = $(this);
    var offset = $this.offset();
    var width = $this.width();
    var height = $this.height();

    var centerX = offset.left + width / 2;
    var centerY = offset.top + height / 2;

    $tooltip.css({
        'transform': 'translate(' + (centerX - ($tooltip.width() / 2)) + 'px, ' + (centerY - ($tooltip.height() / 2)) + 'px)'
    });

    setTimeout(function () {
        $tooltip.addClass('active');
    }, 1)
});

$('.box-container').mouseleave(function () {
    $tooltip.removeClass('active');
});