Как объединить переменную и строку в JavaScript?

Пожалуйста, не отмечайте это как дубликат. Я смотрел на подобные вопросы, но до сих пор не могу понять это.

Вот что у меня сейчас:

$(document).ready(function(){
    for(var i=1;i<2;i++)
    {
        $("#MenuBarButton"+i).mouseover(function(){
            $("#ldheMenuBarLayer"+i).stop().animate({height:'66px'},{queue:false, duration:600, easing: 'easeOutBounce'})
        });
        $("#MenuBarButton"+i).mouseout(function(){
            $("#ldheMenuBarLayer"+i).stop().animate({height:'41px'},{queue:false, duration:600, easing: 'easeOutBounce'})
        });
    }
});

Это не работает Ничего не происходит и ничего не появляется в консоли. Но если я заменюi с1 в каждом из$ функциональные вещи это работает.

Я не новичок в программировании, но я новичок в JavaScript, поэтому я делаю что-то явно неправильно? Спасибо!

РЕДАКТИРОВАТЬ: Когда я говорю, я заменяюi с1это потому, что идентификаторыMenuBarButton1 а такжеldheMenuBarLayer1.