Инпуты с типом поля email не сериализуются

На форме попробывать валидацию html5 и столкнулся с проблемой, есть поле email которое в javascript почемуто не сериализуется

<input name="email" type="email" required>

если записать как

<input name="email" type="text">

то сериализация формы работает: $('#myform').serialize()
Как сериализовать input c type="email" ?

Update from comment:

$("#js-button-send-order").click(function (e) { 
  $.ajax({ 
    url: "navigator_order_action.php", 
    data: $('#js-order-navigator').serialize(), 
    type: 'post', 
   success: function(response) { } 
  });
  return false; 
});

форма

<form action="#" method="post" name="frmBook" id="js-order-navigator">
<table border="0">
    <tr>
        <td align="right" valign="top"><span style="color: #ff0000">*</span><b>Имя</b></td>
        <td valign="top" align="left"><input name="name" type="text"></td>
    </tr>
    <tr>
        <td align="right" valign="top"><span style="color: #ff0000">*</span><b>E-mail</b></td>
        <td valign="top" align="left"><input name="email" type="email"></td>
    </tr>
    <tr>
        <td align="right" valign="top"><b></b></td>
        <td valign="top" align="left"><input id="js-button-send-order" name="btnSubmit"
                                             value="Отправить" type="submit"></td>
    </tr>
    <tr>
        <td></td>
        <td align="left" valign="top"></td>
    </tr>
</table>

Update with code snippet

$("#js-button-send-order").click(function(e) { 
  var fData = $('#js-order-navigator').serialize(); 
  console.log(fData); 
  console.log($('#js-order-navigator').find("[name='email']").length); 
  $.ajax({ 
    url: "navigator_order_action.php", 
    data: fData, 
    type: 'post', 
    success: function(response) {} 
  }); 
  return false; 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form action="#" method="post" name="frmBook" id="js-order-navigator"> 
  <table border="0"> 
 
    <tr> 
      <td align="right" valign="top"><span style="color: #ff0000">*</span><b>Имя</b></td> 
      <td valign="top" align="left"><input name="name" type="text"></td> 
    </tr> 
 
    <tr> 
      <td align="right" valign="top"><span style="color: #ff0000">*</span><b>E-mail</b></td> 
      <td valign="top" align="left"><input name="email" type="email"></td> 
    </tr> 
    <tr> 
      <td align="right" valign="top"><b></b></td> 
      <td valign="top" align="left"><input id="js-button-send-order" name="btnSubmit" value="Отправить" type="submit"></td> 
    </tr> 
    <tr> 
      <td></td> 
      <td align="left" valign="top"></td> 
    </tr> 
  </table> 
</form>