title: formData() not giving data after appending data
body: <p>The 4th line gives form elements but 5th gives nothing here. what should i do?</p>
  
  <pre><code>$('#btnSave').click(function () {
                  var form = $("#myForm");   
                  var formData = new FormData($(form)[0]);
                  console.log(form);//this gives form elements 
                  console.log(formData);// but this gives nothing
                  var url = '&lt;?php echo base_url() ?&gt;' + 'product/add';
                      $.ajax({
                          type                : 'post',
                          url                 :  url,
                          processData: false,
                          contentType: false,
                          data: formData,
                          success: function (response) {
                              if (response){
                                  $('#myModal').modal('hide');
                                  $('#myForm')[0].reset();
                                  $('.alert-success').html('Record Added').fadeIn().delay(4000).fadeOut('slow');
  
                              } else {
                                  alert('Error');
                              }
                          },
                          error: function () {
                              alert('could not add data');
                          }
                      });                       
                  });
              });
  </code></pre>
  
  <p>//formData object append nothing with it. any solution please?</p>