Получение неопределенного значения при отправке формы через ajax

У меня есть форма из внешнего интерфейса, которую я пытаюсь отправить на сервер с помощью ajax.

<form method = "post" enctype = "multipart/form-data" id = "form_post">
  <input type = "hidden" name = "name" id = "name" class = "name" value = "ABC">
  <input type = "hidden" name = "location"  id = "location" class = "location"  value = "XYZ">
  <textarea class = "c-textarea desc" name = "desc"  id = "desc" placeholder = "Type your description"></textarea>
  <input type = "file" id = "file" class = "file" name = "file" >
</form>

<script type = "text/javascript">
    $("#form_post").submit(function() 
      {
        var formData = new FormData();
        $f2 = $('#file');
        formData.append('file', $f2.get(0).files[0]);
        formData.append('name', name.value);
        formData.append('location', location.value);
        formData.append('desc', desc.value);
       jQuery.ajax(
        {
          type: "POST",
          url: "<?php echo base_url(); ?>" + "class/send_data",
          data: formData,
          processData: false,
          contentType: false,
          success: function(res) 
            {
              alert(res);
              console.info(res);
            },
          error: function(errResponse) 
            {
              console.info(errResponse);
            }
        });
        return false;
      });  
</script>  

В предупреждении я получаю значение для desc, но для имени и местоположения оно становится неопределенным.

На бэкэнде я получаю значения, используя следующий код

$data = array(
'name' = $this->input->post('name')
'location'->input->post('location')
'desc'->input->post('desc')
);

Кто-нибудь может сказать, как я могу получить значения