Функция jquery append() не работает

Question

Я создаю свою собственную чат-панель со всем связанным с ней кодированием, и все функции php работают нормально, но после отправки сообщения ввода чата я пытаюсь добавить окно ввода данные с функцией jquery append вообще не работают.

HTML:

<div class="chat-bar-wrapper"> 
     <div class="chat-bar-head"> 
      <div class="chat-bar-icons-top"> 
       <i class="fa fa-minus"></i> 
      </div> 
      <div class="chat-bar-title"> 
       <p>Chat Online</p> 
      </div> 
     </div> 
     <div class="chat-bar-form"> 
      <div class="chat-bar-text-display" id="messages_output"></div> 
      <form class="message-box" id="chat-form"> 
       <div class="chat-bar-text-inputs"> 
        <div class="chat-bar-text-input"> 
         <input type="text" class="form-control" name="messages_input" placeholder="Enter your text here"> 
        </div> 
        <div class="chat-bar-text-enter"> 
         <input type="submit" class="btn btn-warning form-control" value="@"> 
        </div> 
       </div> 
      </form> 
     </div> 
    </div> 

ЯШ:

$(function(){ 

$("#messages_output").load('ChatMsgLoad.php'); 

    $("#chat-form").submit(function(){ 

     $.post('chatMsgPost.php', $('#chat-form').serialize(), function(data){ 
      $('#messages_output').append(data); 
     }); 

     return false; 
    }); 
}); 

Answer 1

Попробуйте appendTo() вместо Append().

$(data).appendTo("#messages_output"); 

И проверить в консоли содержит ли данные переменной что-то. Подробнее здесь appendTo() in jQuery