javascript - JavaScriptで変数と文字列を連結する方法は?

Question

これをすぐに重複としてマークしないでください。同様の質問を見てきましたが、まだこれを理解できません。

これは私が現在持っているものです：

$(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を aに直接置き換えると、機能します。1$

私はプログラミングは初めてではありませんが、JavaScript は初めてなので、明らかに間違ったことをしていますか? ありがとう！

編集:iを に置き換えると言うとき1、それは ID がMenuBarButton1と であるためldheMenuBarLayer1です。