Подготовьте новый дочерний div перед jquery предыдущего дочернего div

Я пытаюсь сделать простой проект публикации в СМИ. Когда новые записи добавляются в базу данных, я использую ajax для добавления нового дочернего div к родительскому div на основе информации в записи. У меня он работает, за исключением порядка, в котором добавляются дочерние элементы. Выполнение добавления не помещает новый div в качестве первого дочернего элемента родительского элемента div, он помещает его в качестве последнего дочернего элемента указанного родителя. Это бесполезно, когда я хочу, чтобы новые сообщения отображались сверху. Вот код файла, над которым я работаю. Как добавить в начало ранее добавленных дочерних элементов?

$(document).ready(function (){
    setInterval(function(){
       $.ajax({
           type: 'GET',
           url: 'JSONFile.php',
           data: { get_param: 'value' }, 
           dataType: 'json',
           success: function(retrieved){
               //$("#MainContent").empty();
               $.each(retrieved, function(index, i){
                   $('#MainContent').append('<br><div class = "Post"><h2>' + i.UserName + '</h2><br><p>' + i.Content + '</p></div>');
               });
           }
       });
    },3000);   
});