сохранение функциональности кнопки «назад» в браузере с использованием AJAX / jQuery для загрузки страниц и метода history.pushState ()

Я хотел бы сохранить функциональность кнопки «Назад» при загрузке страниц с помощью AJAX (метод jQuery load ) и отправке URL-адреса на панель браузера через history.pushState метод. Проблема возникает, когда вы нажимаете кнопку «Назад» в браузере, а первый щелчок восстанавливает только предыдущий URL-адрес, но не загружает предыдущую страницу.

Вот мой код:

$(function(){
  var profile_url= "/profile";
   $('#click_button').click(function(){
      $('#main_content').load(profile_url);
      history.pushState({profile:profile_info}, "profile", profile_url);
   });
});

У меня вопрос, есть ли способ выполнить загрузку AJAX предыдущей страницы в div #main_content при 1-м нажатии кнопки возврата?

Мы будем благодарны за любую помощь / совет.