При смене текста тега привязки показать / скрыть div с помощью JavaScript

Я хочу, чтобы div lds-roller показывался только тогда, когда в тексте идентификатор searchFor anchor tag равен _. Изменение в тексте должно произойти с ответом HTTP.

<div class="lds-roller"><div></div><div></div><div>
</div><div></div><div></div><div></div>
<div></div><div></div></div>
                <p>
                      <span class="r"> 
                               <span class="andom">
                                  <a href="{% pageurl post %}#disqus_thread" id="searchFor"> _
                                            </a>
                                </span>
                      </span>
                  </p>

Css для lds-roller выглядит следующим образом.

.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;

Я пробовал множество способов, но они, похоже, всегда либо продолжают показывать div, либо не отображают div, либо заставляют div исчезать до того, как текст даже изменился.

JS функция обычно идет в соответствии с этим

$(function () {
   if ($("#searchFor").text() === "_")
   {
       $('.lds-roller').show();
   }
   else{
       $('.lds-roller').hide();
   }

})();