AJAX загружает PHP-файл в Div несколько раз

Question

Я пытаюсь загрузить PHP-файлы в DIV через simpe-click-навигацию с помощью AJAX.

Когда я нажимаю # button-1, «content-1.php» загружается внутри .container- это здорово. Но затем, когда я нажимаю на кнопку # button-2, 'content-2.php' не загружается в .container, как ожидалось - на самом деле ничего не происходит.

Почему? Кто может мне помочь?

<div class="container"></div>

<div id="button-1">Button 1</div>
<div id="button-2">Button 2</div>

$(document).ready(function(){
  $("#button-1").click(function(){
    $(".container").load('content-1.php');
  });
  $("#button-2").click(function(){
    $(".container").load('content-2.php');
  });
});