jquery - ページがライブ編集されるまで jQuery スクリプトが実行されない

Question

現在、次の単純なjQuery関数があり、マウスホバーで4つのdivをフェードインおよびフェードアウトするだけです:

$('#jig1').mouseover(function(){    
    $('#jig2, #jig3, #jig4').fadeTo(2000, 0.15, function(){});
    $('#jig1').fadeTo(2000, 1, function() {});
});

$('#jig2').mouseover(function(){    
    $('#jig1, #jig3, #jig4').fadeTo(2000, 0.15, function(){});
    $('#jig2').fadeTo(2000, 1, function() {});
});

$('#jig3').mouseover(function(){    
    $('#jig1, #jig2, #jig4').fadeTo(2000, 0.15, function(){});
    $('#jig3').fadeTo(2000, 1, function() {});
});

$('#jig4').mouseover(function(){    
    $('#jig1, #jig2, #jig3').fadeTo(2000, 0.15, function(){});
    $('#jig4').fadeTo(2000, 1, function() {});
});

このスクリプトは意図したとおりに機能しますが、スクリプトはページを読み込んで開発者でスクリプトをライブ編集した後にのみ機能するため、どこかに大きな問題があります。Firebug などのツール。そして、ライブ編集とは、任意の文字を追加してから削除することを意味します。それ以外の場合は、編集前と同じようにレンダリングしますが、何らかの方法で実行すると実行されます。

なぜこれをやっているのですか？私は完全に困惑しています。