Несколько модальных окон, показывается только первое загруженное

[ppbinag]

Есть красивое модальное окно, если вызывать только одно на страничке, то работает отлично. Но вот когда добавляешь насколько кнопок на разные формы того же модального окна, всегда показывается первое запущенное.
Главная страничка:

<!-- Форма обратной связи -->
<script src="js/jquery.js"></script>
<script>
$(function() {
    $("a[rel]").overlay(function() {
        var wrap = this.getContent().find("div.wrap");
        if (wrap.is(":empty")) { 
            wrap.load(this.getTrigger().attr("href"));
        }
    });
});
</script>
<link rel="stylesheet" type="text/css" href="forma.css"/>
<!-- Кнопки вызова -->
<div style="float:left"><a href="stoimost.php" rel="#overlay"  id="button2" class="buttonText">Узнать цену по E-mail</a></div>
          <div style="float:left"><a href="contact.php" rel="#overlay"  id="button2" class="buttonText">Задать вопрос по E-mail</a></div>
          <div style="float:left"><a href="dozvon.php" rel="#overlay" id="button2" class="buttonText">Заказать обратный звонок</a></div>

файл с формой contact.php (в других просто добавляются еще поля):

 <h1 class='contact-title' style="font-size:18px">Форма обратной связи:</h1>
    
    
 
 <form action="send.php" method="post">
 <table>
                                <tbody><tr>
                                        <th class="lable">*Имя:</th>
                                        <td class="input"><input name="name" size="40" maxlength="40" class="input" type="text"></td>
                                </tr>
                              <tr>
                                        <th class="lable">*E-mail:</th>
                                        <td class="input"><input name="email" size="40" maxlength="40" class="input" type="text"></td>
                                </tr>
                               <tr>
                                        <th class="lable">Тел.:</th>
                                        <td class="input"><input name="subject" size="40" maxlength="40" class="input" type="text"></td>
                                </tr>
                               <tr>
                                        <th class="lable">*Сообщение:</th>
                                        <td class="input"><textarea name="text_message" cols="40" rows="10" class="input"></textarea></td>
                                </tr> 
                                <br><br>       
                                <tr><th></th>
                                <td align="center">
                                  <input name="mail_submit" type="submit" value="Отправить сообщение">     </td>
                                  
                                </tr>
                        </tbody></table>
 
 
 
</form>

forma.css :

div.overlay {
    background-image:url(images/white.png);
    width:600px;
    height:470px;       
    display:none;
    padding:55px;
}
div.overlay div.close {
    background-image:url(images/close.png);
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}
/*body {
    padding:150px 50px;
    font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
}*/
#overlay {
    background-image:url(images/transparent.png);
    color:#efefef;
}
#overgoop {
    background-image:url(images/transparent.png);
    color:#efefef;
}
div.wrap1 {
    height:441px;
    overflow-y:auto;
}
.contact-title {color: #23B3B6; margin:0; padding:0 0 6px 12px; font-size: 1.2em; text-align:left;}
.contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;
}
.lable {
                text-align: right;
                clear:left; 
                display:block;
                padding-right:4px; 
                font-size: 18px;
                font-family: "Times New Roman", Times, serif;
                
                }
        .input {
                text-align: left;
                background-color:#F0F0F0;
                border: 0px;
                font-size: 18px;
                font-weight:bold;
                font-family: Arial, Helvetica, sans-serif;
                color: #1C5455;
                }
                .link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
 
color: #B70004;
}
.warning_table {
 
  background: #F0F0F0;
 
     border: outset 5px #666666;
     
     -moz-border-radius: 5px;
 
     -webkit-border-radius: 5px;
}
 
.warning_font_big {
 
font: Arial;
font-size: 30px;
color: #B70004;
}
 
.warning_font {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
padding-left: 50px;
padding-right: 25px;
padding-top: 15px;
}

Я так понимаю надо добавить кеширование, но как правильно это сделать?
Добавляю php в файл с формой не помогает:

Header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); 
Header("Last-Modified: ".gmdate("D, d M Y H:i:s")."GMT");
Header("Cache-Control: no-cache, must-revalidate"); 
Header("Pragma: no-cache");