Сделать из множества однотипных ajax фнукций одну

[dsiomnainc]

Есть такой код, сейчас он просто повторяется несколько раз, но без num, а со своими значениями, пришло осознание что это очень не красиво когда один и тот же код повторяется много раз.
Решил подставить переменную num которая должна меняться.
Но в итоге не знаю что дальше делать. Пытался завернуть функцию в цикл while do и в итоге при нажатии на любую кнопку подгружается страница в названии которой последнее значение цикла.

Сам я в JS дуб дубом, только начинаю вникать, так что вот хотелось бы спросить у знатоков.

var num = 1;

$(document).ready(function(){
                $('#menu-' + num).click(function(){                            
                                $.ajax({
                                        url: "menu/menu-" + num + ".htm",
                                        cache: false,
                                        success: function(html){
                                                $("#submenu-area").html(html);
                                            setTimeout(function () {
        $("#submenu-area").find('#submenu-' + num).addClass('active');
    }, 25);
                                        }
                                });
                        });
                });

[Dilettante_Pro]

<div id="menu-1" class = "menu">Первое меню</div>
<div id="menu-2" class = "menu">Второе меню</div>
<script src='https://code.jquery.com/jquery-latest.js'></script>
<script>
$(document).ready(function(){
   $('.menu').click(function(){
         alert(this.id);
   });
}); 
</script>