Как сделать, чтобы после отправки формы. В письме было видно название Товара, который заказали? [закрыт]

$(document).ready(function() { // вся мaгия пoсле зaгрузки стрaницы 
  $('.btn-bay').magnificPopup({ 
    type: 'inline' 
  }); 
  $(".product").val($(this).data('name')); 
}); 
 
$(document).ready(function() { 
 
  //E-mail Ajax Send 
  $("form").submit(function() { //Change 
    var th = $(this); 
    $.ajax({ 
      type: "POST", 
      url: "send.php", //Change 
      data: th.serialize() 
    }).done(function() { 
      swal({ 
        title: "Отлично!", 
        text: "Ваше сообщение отправлено", 
        icon: "success", 
        button: "Хорошо", 
      }); 
      setTimeout(function() { 
        $.magnificPopup.close(); 
      }, 1000); 
 
    }); 
    return false; 
  }); 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<a class="submit btn-bay" href="#form" data-name="Белый">Заказать</a> 
 
 
<div class="hidden"> 
  <form action="javascript:void(null);" onsubmit="call(this)" method="post" id="form"> 
    <span id="modal_close"><img src="img/25/close.svg"></span> 
    <!-- Кнoпкa зaкрыть --> 
    <div class="callback-form__title">Отличный выбор!</div> 
    <div class="inputs"> 
      <div class="input"> 
        <label class="header">Введите имя *</label> 
        <input type="text" name="name" class="callback-form__field" placeholder="Иван Иванов"> 
      </div> 
      <div class="input"> 
        <label class="header">Введите телефон *</label> 
        <input type="text" name="phone" class="callback-form__field" placeholder="+7 (945) 777-00-00" required> 
      </div> 
    </div> 
    <input type="hidden" name="product" class="product"> 
    <input type="hidden" name="utm_source" value="<?=@$_GET['utm_source']?>"> 
    <button type="submit" class="callback-form__btn btn">Заказать </button> 
    <p class="politic">Заполняя форму, вы соглашаетесь с<br><a href="teddy-kmv.ru/politika.php">Политикой Конфиденциальности</a></p> 
  </form> 
</div>