Перейду сразу к коду!

Скрипт:

//Модальное окно
$(document).ready(function(){
    $('a[name=modal]').click(function(e){
        e.preventDefault();
        var id = $(this).attr('href');
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('.mask').css({'width':maskWidth,'height':maskHeight});
        $('.mask').fadeIn(600);
        $('.mask').fadeTo("slow",0.8);
        var winH = $(window).height();
        var winW = $(window).width();
        $(id).css('top',  winH/2-$(id).height()/2);
        $(id).css('left', winW/2-$(id).width()/2);
        $(id).fadeIn(2000);
    });
    $('.mask').click(function (){
        $(this).hide();
        $('.modal').hide();
    });
});

HTML:

<a href=".modal" name="modal">Модальное окно</a>

<div class="modalbox">
    <div class="modal">
        Текст текст текст
    </div>
    <div class="mask"></div>
</div>

CSS:

.modalbox .modal {
    position: absolute;
    left: 0;
    top: 0;
    width: 483px;
    height: 300px;
    display: none;
    z-index: 9999;
    padding: 15px;
    text-align: center;
    background: #FFF;
}

.modalbox .mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background: #000;
    display: none;
}

А теперь по тексту. Модальное окно работает, всё отображает нормально. Но если я добавляю ещё одно окно, то есть копирую html и когда открываю любой то контент пропадает и вообще всё сбивается. Подскажите, как сделать чтобы модальное окно действовало на несколько блоков. То бишь один код подходил и нормально отображался для нескольких блоков.

К примеру мне нужно отобразить 3 блока(3 модальных окна на странице) по очереди. К примеру имеются 3 блока:

<!--1й блок-->
<a href=".modal" name="modal">Модальное окно</a>

<div class="modalbox">
    <div class="modal">
        Текст текст текст
    </div>
    <div class="mask"></div>
</div>

<!--2й блок-->
<a href=".modal" name="modal">Модальное окно2</a>

<div class="modalbox">
    <div class="modal">
        Текст текст текст
    </div>
    <div class="mask"></div>
</div>

<!--3й блок-->
<a href=".modal" name="modal">Модальное окно3</a>

<div class="modalbox">
    <div class="modal">
        Текст текст текст
    </div>
    <div class="mask"></div>
</div>

Я нажимаю на первый -> открывается окно, потом его закрываю и открываю 2е окно по нажатию на вторую ссылку - > открывается снова модальное окно только с другим контентом и т.д. Может как то можно сделать универсальным этот код?