表单没有提交输入元素到php文件

我有一个表单，当页面加载时隐藏了一半，当用户单击第一个输入框时，表单的其余部分显示在它下面…我现在尝试将文件提交到php页面，只是回显输入元素所包含的内容…然而，这不起作用……我有一种感觉，这是因为当页面加载时，一半的表单被隐藏了…

<form action='new-question.php' method='post' id='new-question-form'>
   <input type='text' name='title' class='shown-input' placeholder='Ask a new question'>
   <!-- HIDDEN UNLESS CLICKED -->
   <div class='hidden-until-click'>
      <textarea name='details' placeholder="Enter your question details..."></textarea>
      <button type='button' id='upload-question' class='btn'>
         <img src='assets/images/css_images/upload.png'>
         upload
      </button>
      <input type='submit' name='submit-question' id='submit-question' value='Go!' class='bttn bttn-blue tiny'>
   </div>
   <!-- END HIDDEN UNTIL CLICKED-->
</form>

和我的PHP文件

 <?php
     if (isset($_POST['submit-question'])){
        echo $_POST['title'];
     } else {
         echo "Nothing submitted;
     }
    ?>

它一直说没有提交....

$(".hidden-until-click").hide();

然后像这样显示

$(".widget.small form#new-question-form .hidden-until-click").show();

where IS var_dump($_POST):

array(2) {
  ["title"]=>
  string(0) ""
  ["details"]=>
  string(0) ""
}