Добавление контента с помощью JQuery, в то время как AJAX пытается перезаписать его

Question

Я работаю над блогом (-нижная страница), где большая часть контента загружается с помощью AJAX, и я не могу редактировать HTML-код на этой стороне, но я могу манипулировать контентом с помощью JS и CSS.Прямо сейчас мне нужно добавить выпадающий список внизу главной страницы.Проблема в том, что выпадающий список перезаписывается AJAX каждый раз, когда пользователь нажимает на блогер и возвращается.

Я не могу связать страницу, потому что она находится в локальной сети, но я пришел к следующемупогуглив.Есть ли лучший способ сделать это?

jQuery(document).ready(checkDropdown);
var dropdown-html = document.createElement("div");
dropdown-html.innerHTML =
  '  <div id="dropdown-wrap">' +
  '    <select id="dropdown-content">' +
  '      <option>option #1</option>' +
  '      <option>option #2</option>' +
  '      <option>option #3</option>' +
  '    </select>' +
  '  </div>';
function checkDropdown () {
  if($('.homepage').is(':visible')){
    if ($('#dropdown-wrap').length > 0) {
      setTimeout(checkDropdown, 50);
    } else {
      var destination = document.querySelectorAll(".homepage")[0];
      destination.appendChild(dropdown-html);
      setTimeout(checkDropdown, 50);
    }
  } else {
    setTimeout(checkDropdown, 50);
  }
}