Изображение не обновляется при использовании манипуляции DOM

Я пытаюсь переключать между двумя изображениями на основе условия. Я думаю изменить тег src в теге img. У меня получается изменить src, но на веб-странице изображение не обновляется.

может ли кто-нибудь указать, где или что следует использовать или обновить.

Вот мой JS код ->

success: function(data){
        if(data.status == 200){
          if(data.message == "Liked"){
            document.getElementById("like_image_state_change").src="{% static 'FrontEnd1/Static_Images/CovrPage_Like_R.png' %}";

          } 
          else if(data.message == 'Like Removed'){
            document.getElementById("like_image_state_change").src="{% static 'FrontEnd1/Static_Images/CovrPage_Like_W.png' %}";
            console.log(document.getElementById("like_image_state_change"));
          }
        }
        else{
          console.log('wrong');
        }
      }
    });

Здесь, когда я консолидирую document.getElementById в 'like Removed', я вижу обновленный src для изображения, но изображение остается тем же самым на веб-странице.

PS -> Бэкенд, который я использую, это DJango. (если это имеет значение)

Вернуться на верх