Работа с массивом в методе .css [Jquery]

При наведении на обьект должна меняться рандомная позиция обьекта. А именно рандомно из массива береться один из 4 свойств и к нему прилагаеться число. Но когда попытался запустить(навести на обьект) консоль выдала ошибку Uncaught TypeError: e.replace is not a function. Ошибка ведет к файлу фреймворка. Вариантов нет. Код:

$(document).ready(function() {
    var vector;
    var trackM = ["left", "right", "top", "bottom"];
    var track;
    var color = "red";

//functions
function r_vector() {
    vector = Math.round(Math.random() * (1445 - 1) + 1);
}
function r_track() {
    track = Math.floor(Math.random() * trackM.length);
}
//code
$('#box').on('mouseenter', function() {
    $('#box').css({"tansition" : "1s"});
    r_vector();
    r_track();
    $('#box').css(vector, trackM[track]);
});
$('#box').on('mouseleave', function() {
    $('#box').css({"transition" : ".5s"});
});

});