Javascript-форум - не работает форма в окне, вызванном jquery page slide

Сделал эффект на jquery page slide. Страничка перемещается влево , в окошке справа таким образом появляется поле с формой обратной связи. Форма самая обыкновенная method = "post". Но форма не работает - не то что не отправляет данные (и не отправляет , конечно, тоже), даже не работает кнопка "очистить". Форма как заблокированна.
Где искать ошибку?

Вот так вызывается page slide:

<html>
<head><script type="text/javascript" src="jquery.pageslide.js"></script></head>
<body>
<a href="_faq.html" id="slide-modal2" class="menu">ON-LINE<br />  
      ЗАДАТЬ ВОПРОС </a></body>
<script type="text/javascript">
    $("#slide-modal").pageSlide({ width: "350px", direction: "left", modal: true });
	$("#slide-modal2").pageSlide({ width: "350px", direction: "left", modal: true });
  </script></html>

А вот файл _faq.html, который появляется с формой обратной связи. "закрыть окно" работает. А форма - как будто ее нет.:(

<div id="secondary">
    
<table width="250" class="border" align="center">
          <tr>
          	<td><h2>ON-LINE вопрос</h2>
            <table width="100%">
            <form action="mail_q.php" method="post" enctype="multipart/form-data">
             <tr>
                <td>Ваше имя<span class="red">*</span></td>
                <td><input type="text" name="name" /></td>
              </tr>
              <tr>
                <td>Ваше место жительства<span class="red">*</span></td>
                <td><input type="text" name="residence" /></td>
              </tr>
              <tr>
                <td>E-mail<span class="red">*</span></td>
                <td><input type="text" name="email" /></td>
              </tr>
              <tr>
                <td>Номер телефона</td>
                <td><input type="text" name="tel" /></td>
              </tr>
              <tr>
                <td>Тема вопроса</td>
                <td><input type="text" name="title" /></td>
              </tr>
              <tr>
                <td height="156" colspan="2">Вопрос <br />
                  <textarea name="mess" rows="3" cols="35"></textarea>
                  </td>
              </tr>
              <tr>
                <td><input type="submit" value="заказать"  name="submit"/></td>
                <td>
                  <div align="right">
                    <input type="reset" value="очистить" />
                  </div></td>
              </tr>
            </form>
      </table></td></tr></table>
    <p><span class="red">*</span> - поля, обязательные для заполнения.</p>
  <tr>
    <td><a href="javascript:;" class="pageslide-close">закрыть окно</a>
&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="2">     </td>
  </tr>
</table>
</div>

Вот еще файл style.css с параметрами для div id="secondary"

#secondary {
	color: #000;
	padding: 10px 10px;    
}
	
#pageslide-slide-wrap {
	background-color: #E6E6E6;
}

#pageslide-content h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 200;
	color:#76b900;
}

#pageslide-content a { 
  font-size:12px;
  padding:20px;
  color:#333333;
  text-decoration: none;
  cursor: hand;
}

.pageslide-close {
  font-size: 12px;
  font-weight: bold;
  padding:10px !important; 
  border: 1px solid #76b900;
}