Как с помощью eval запустить цикличный код с возрастанием?

Привет, подскажите, как можно сгенерировать jquery и запустить код внутри js файла?

Я пробовал через eval, и в принципе работает, но цифра не возрастает.

Вот мой код:

let code = 'for(var i = 1; i <= 46; i++){$("#lcomicspage' + i + '").appear();$("#lcomicspage' + i + '").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage' + i + '\"]").prop(\"selected\", true);});}';
eval(code);

Но вместо

' + i + '

у меня выходит всегда одна и та же цифра.

А должно получиться так:

$("#lcomicspage1").appear();$("#lcomicspage1").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage1\"]").prop(\"selected\", true);});
$("#lcomicspage2").appear();$("#lcomicspage2").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage2\"]").prop(\"selected\", true);});
$("#lcomicspage3").appear();$("#lcomicspage3").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage3\"]").prop(\"selected\", true);});

А у меня почему-то цифра не растёт, в чём ошибка?