¿Cómo concatenar variables y cadenas en JavaScript?

Por favor, no marque inmediatamente esto como un duplicado. He mirado preguntas similares pero todavía no puedo resolver esto.

Esto es lo que tengo actualmente:

$(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'})
        });
    }
});

Eso no funciona. No pasa nada y no aparece nada en la consola. Pero si sustituyo directamente eli con un1 en cada uno de los$ Funcionan las cosas que funcionan.

No soy nuevo en programación pero soy nuevo en JavaScript, ¿entonces estoy haciendo algo obviamente mal? ¡Gracias!

EDITAR: Cuando digo que sustituyo eli con un1, eso es porque las identificaciones sonMenuBarButton1 yldheMenuBarLayer1.