Друзья помогите понять.
Есть на странице форма которую я открываю в модальном окне с помощью
http://colorpowered.com/colorbox/
$(function (){
// по клику на ссылку показываем окно с формой
$(".orderBtn").colorbox({width:"510", inline:true, href:"#orderForm"});
});
<a href="#orderForm" class="orderBtn">Оформить заказ</a>
<div style="display:none">
<div class="orderForm" id="orderForm">
<h2>Данные о заказчике</h2>
<form action="{/cart/shop/path}cart/" name="address" method="POST">
<div id="message">Введите имя!
</div>
<p class="notice">Поля, отмеченные
<span class="red_star" style="position: relative; top: 6px; "> *
</span>, обязательны для заполнения.
</p>
<table cellspacing="0" cellpadding="0" border="0" class="shop_cart_table">
<tr><td>Фамилия:</td><td>
<input name="site_users_surname" type="text" value="" size="40" /></td>
<td class="red_star"> *</td>
</tr>
<tr><td>Имя:</td><td>
<input name="site_users_name" type="text" value="" size="40" /></td>
<td class="red_star"> *</td>
</tr>
<tr><td>Отчество:</td><td>
<input name="site_users_patronymic" type="text" value="" size="40" /></td>
</tr>
<tr><td>Компания:</td><td>
<input name="site_users_company" type="text" value="" size="40" /></td>
</tr>
<tr><td>E-mail:</td><td>
<input name="site_users_email" type="text" value="" size="40" /></td>
<td class="red_star"> *</td>
</tr>
<tr><td>Телефон:</td><td>
<input name="site_users_phone" type="text" value="" size="40" /></td>
</tr>
<tr><td>Факс:</td><td>
<input name="site_users_fax" type="text" value="" size="40" /></td>
</tr>
<tr><td>Адрес:</td><td>
<input name="site_users_address" type="text" value="" size="40" /></td>
</tr>
</table>
<div class="gray_button">
<div>
<input name="step_1" value="Далее" type="submit" style="font-weight: bold" />
</div>
</div>
<input name="step_1_1a" type="hidden" value="1" />
</form>
</div>
</div>
Мне нужно после заполнения формы и нажатия кнопки (выделена жирным) перейти как обычно на следующую страницу, в колорбоксе ничего не происходит после нажатия...
Походу что-то еще нужно?