Не понимаю в чем проблема AJAX

< script src = "http://code.jquery.com/jquery-3.3.1.min.js" > < /script> < 
  script type = "text/javascript" > 
  // Назначить обработчики события click 
  // после загрузки документа 
  $(document).ready(function() { 
    $("#submit-id").on("click", function() { 
      // Проверяем корректность заполнения полей 
      if ($.trim($("#nickname").val()) === "") { 
        alert('Пожалуйста, заполните поле "Автор"'); 
        return false; 
      } 
      // phone 
      if ($.trim($("#phone").val()) === "") { 
        alert('Пожалуйста, заполните поле "Телефон"'); 
        return false; 
      } 
      // phone 
      if ($.trim($("#content").val()) === "") { 
        alert('Пожалуйста, заполните поле "Сообщение"'); 
        return false; 
      } 
 
 
 
 
      // Блокируем кнопку отправки 
      $("#submit-id").prop("disabled", true); 
      // AJAX-запрос 
      $.ajax({ 
        url: "addcom.php", 
        method: 'post', 
        data: { 
          nickname: $("#nickname").val(), 
          phone: $("#phone").val(), //phone 
          content: $("#content").val() 
        } 
      }).done(function(data) { 
        // Успешное получение ответа 
        $("#info").html(data); 
        $("#submit-id").prop("disabled", false); 
      }); 
    }) 
  }); < 
/script>

<div class="order"> 
  <div id='info'> 
    <?php 
                require_once("addcom.php"); 
               ?> 
  </div> 
  <div id='form' class="order_list"> 
    <p> 
      <span class='ttl'>ФИО<span style="color:red;">*</span></span> 
      <span class='fld'> 
               <input id='nickname' type='text' placeholder="Иванов Иван Иванович" class="field" /> 
               </span> 
    </p> 
 
    <p> 
      <span class='ttl'>Телефон<span style="color:red;">*</span></span> 
      <span class='fld'> 
               <input id='phone' type='text' placeholder="" class="field" /> 
               </span> 
    </p> 
 
    <p> 
      <span class='ttl'>Сообщение<span style="color:red;">*</span></span> 
      <span class='fld'> 
               <!-- <textarea rows='3' id='content' type='text'></textarea> --> 
               <input id='content' type='text' placeholder="Любое Ваше пожелание" class="field" /> 
               </span> 
    </p> 
    <p> 
      <!-- <span class='ttl'>&nbsp;</span> --> 
      <span class='fld'> 
               <input id='submit-id' type='submit' value='Отправить' class="btn_field"/> 
               </span> 
    </p> 
  </div> 
</div>