Не срабатывает ни succses, ни complete, ни error после отправки формы

meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
 
 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 
 <script>
   jQuery(document).ready(function($) {
      $("#fancybox-wrap").css({"width" : "400px"});
 
    
    $('input,textarea').focus(function(){
   $(this).data('placeholder',$(this).attr('placeholder'))
   $(this).attr('placeholder','');
 });
 $('input,textarea').blur(function(){
   $(this).attr('placeholder',$(this).data('placeholder'));
 });
    });
 
 
       $("#callbackform").submit(function() {
      var name = $("#name").val();
      var tel = $("#tel").val();
      var email = $("#email").val(); 
      var title = $("#title").val(); 
    $.ajax({
      type: "POST",
      url: "/wp-content/themes/ltd-theme/mail.php",
      data:  data = {
                'title' : title,
                'name': name,
                'tel': tel,
                'email': email
            },
              complete: function() {
                alert('Complete');
              },
                success: function() {
                 alert('Success');
              },
                error: function() {
                 alert('Error');
    });
    return false;
  });
 
 </script>
<div class="modal-form" id="callback" style="text-align: center;">
  <div class="title"><? 
  $title = $_GET['p'];
  echo '<h1 style="font-size: 20px;">' . $title . '</h1>';
  ?>  
  </div>
  <div class="blue_line" style="height: 1px; width: 44px; background-color: #2e3092; display: inline-block;"></div>
  <div class="desc" style="margin-bottom: 40px;">
    <p style="font-size: 16px; color: #878787;  margin-bottom: 0; margin-top: 5px;">Оставьте нам Ваши данные и мы свяжемся</p>
    <p style="font-size: 16px; color: #878787;  margin-bottom: 0; margin-top: 5px;">с Вами для уточнения деталей заказа и</p>
    <p style="font-size: 16px; color: #878787;  margin-bottom: 0; margin-top: 5px;">адреса доставки.</p>
  </div>
 
 
  <div class="rf">
    <form method="post" class="ajax_form" id="callbackform"  action="/wp-content/themes/ltd-theme/mail.php">
      <input id="title" name="title" type="hidden" id="datePage" value="<?= $title ?>">
      <div class="form-group">
        <input name="name" id="name" value="" type="text" class="form-control required" style="width: 300px; height: 60px;border-radius: 3px; border: 1px solid #e0e0e0; background-color: #f5f5f5; padding-left: 36px; margin-bottom: 10px;" placeholder="Введите Ваше имя">
      </div>      
      <div class="form-group">
        <input name="email" id="email" value="" type="text" class="form-control required" style="width: 300px; height: 60px;border-radius: 3px; border: 1px solid #e0e0e0; background-color: #f5f5f5; padding-left: 36px; margin-bottom: 10px;" placeholder="Введите Ваше e-mail">
      </div>
      <div class="form-group">
        <input name="tel" id="tel"  value="" type="text" class="form-control required tel" style="width: 300px; height: 60px;border-radius: 3px; border: 1px solid #e0e0e0; background-color: #f5f5f5; padding-left: 36px; margin-bottom: 10px;" placeholder="Введите Ваш телефон">
      </div>
 
      <br>
      <input name="btn" type="submit" id="form-submit" class="button btn" style="width: 300px; height: 60px; border: none; border-radius: 3px; color: #fff; text-transform: uppercase; background-color: #019ed5; border-bottom: 4px solid #1689b2; cursor: pointer;" target="_top" value="Отправить">
    </form>
  </div>
</div>