Как расположить динамически добавленный div близко к другому динамически созданному div

Question

Я делаю систему комментариев с опцией ответа.Так что в основном у меня есть два типа комментариев: один родительский комментарий, а другой - дочерний комментарий (подкоммент).

Для этой системы я отправляю оба этих ввода, используя ajax, а затем добавляю ответ скрипта PHP, чтобы создать фиктивную копию, которую я использую для отображения пользователю недавно представленного им комментария, и используюТо же самое при отправке подкомментария.

НО , как указать позицию добавленной фиктивной суб-комментария, которая находится ниже родительского комментария .

ajax-код, используемый для отправки родительского комментария:

$.ajax({
       type: "POST",
       url: "submit_cmt.php",
       data: form.serialize(), // serializes the form's elements.
       success: function(response)
       {
          // alert(response); // show response from the php script.
          $('#comment').append(response); 
          onsuccess();            
       }
     });
});

Затем я делаю запрос и выбираю comment_id из базы данных, который затем использую для отправки ответа на комментарий и для отправки ответа(подкомментарий) Я использую этот код ajax:

 $.ajax({
  type: "POST",
  url: "submit_subcmt.php",
  data: form2.serialize(), // serializes the form's elements.
  success: function(response)
  {
   $('.subcomment').append(response); 
  onsubcmt_success();  
  }

Вывод Я хочу

• комментарий (а)

subcmt (a)

subcmt (a)

• комментарий (b)

subcmt (b)

subcmt (b))

Но Вывод Я получаю

• комментарий (а)

subcmt (а)

subcmt (a)

• комментарий (b)

subcmt (a) // подкомментарий, отображаемый ниже каждого комментария

subcmt (b)