JQuery обновления Div показывает Div снова

Question

У меня есть div, который показывает результат запроса MySQL. Иногда в базу данных добавляются или редактируются записи, поэтому я хочу иметь возможность обновлять div одним нажатием кнопки. Это отчасти работает, но отчасти не работает. Вот мой код

<a id="refresh" href="#">click</a>

<script>
    $(function() {
      $("#refresh").click(function(evt) {
         $("#container").load("index.php")
         evt.preventDefault();
      })
    })
</script>

В первый раз, когда я нажимаю на ссылку, он отображает WHOLE index.php внутри исходного контейнера div. Каждый клик после этого будет обновлять только что созданный index.php, единственная проблема в том, что он показывает двойной index.php. Может ли кто-нибудь указать на очевидную и, надеюсь, простую ошибку, которую я делаю? Спасибо!

Answer 1

Вы пытались удалить то, что уже внутри div, прежде чем загружать в него новые данные?

что-то вроде этого

<script>
    $(function() {
      $("#refresh").click(function(evt) {
         $("#container").html("");
         $("#container").load("index.php")
         evt.preventDefault();
      })
    })
</script>