Form inside a Modal


I have a form inside a Modal. Modal is triggered after clicking a button. I have an issue with the posting. Please see script below:


  <div class="header">Period</div>
  <div class="scrolling content" style="overflow: visible;">
    <p>Start New Payroll Period</p>
    <div class="ui form">
  <div class="three fields">
    <div class="field" >
          <div class="ui right icon input" id="date_start">
      <input type="text" placeholder="From" name="date" id="date">
      <i class="calendar icon"></i>
  <div class="actions">
    <div class="ui black deny button">
	<button class="ui positive right labeled icon button btn btn-primary" data-dismiss="modal" type="submit">
      <i class="checkmark icon"></i>
<!--End Modal-->


$(’#date’).calendar({ type:‘date’ });
$(".closePayperiod").modal(‘setting’, {observeChanges: true}).modal(‘show’);

inverted: false,
closable: true,
onApprove: function () {
return true;

It does post to the php script but it does not carry the form items. when i print_r($_POST) its blank.

please help