элемент формы не работает во всплывающем окне

У меня есть класс small-image, когда я нажимаю на него всплывающее всплывающее окно megnefic. в моем всплывающем всплывающем окне есть большое изображение щелкнутого изображения и одна кнопка с классом other-form-opener, когда я нажимаю кнопку other-form-div class с формой, появляется мое пользовательское всплывающее окно в этой части, когда я нажимаю элемент формы, который они Не работает по умолчанию.

 <div class="megnific_opener"><img class="small-image" ></div>


 <div class="megnific_popup_div">
    <img class="big-image">
    <a href="javascript:;" class="other-form-opener">more-info</a>
 </div>

 <div class="other-form-div">
     <form>
         <input type="text">
         <input type="text">
         <input type="text">
     </form>
 </div>

Я даю ссылку на мой html, и я уже сказал, что нет проблемы с z-index. поэтому, пожалуйста, помогите мне спасибо.

вот моя демонстрация в jsfiddle: http://jsfiddle.net/QHh7W/