JS(JQuery) Модальные окна

Есть модальное окно, но чтобы добавить ещё одно и открывались независимо друг от друга, что нужно изменить в коде? Как понимаю, добавить уникальность для кнопки и самого окна айдишниками?) В реализации без jq идёт получение modalId.

<a class="popup-open" href="#">Открыть</a>

<div class="popup-fade">
    <div class="popup">
        <a class="popup-close" href="#">Закрыть</a>
        <p>Какой-то текст</p>
    </div>      
</div>

<script>
$(document).ready(function($) {
    $('.popup-open').click(function() {
        $('.popup-fade').fadeIn();
        return false;
    }); 
    
    $('.popup-close').click(function() {
        $(this).parents('.popup-fade').fadeOut();
        return false;
    });     
 
    $(document).keydown(function(e) {
        if (e.keyCode === 27) {
            e.stopPropagation();
            $('.popup-fade').fadeOut();
        }
    });
    
    $('.popup-fade').click(function(e) {
        if ($(e.target).closest('.popup').length == 0) {
            $(this).fadeOut();                  
        }
    });
});
</script>