使用JQuery添加内容，而AJAX尝试覆盖它

Question

我正在一个博客（-ish页面）上，其中大部分内容都加载了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);
  }
}