Ajax链接不起作用

Question

我将informacia.html加载到带有ajax的div中，然后我通过pushState更改历史记录

<div id='ajax-accept'>

  </div>

  <div id='menu-wrap'>
    <div id='menu'>
      <div id='main' class='category-holder'>ГЛАВНАЯ</div>
      <div id='about-us' class='category-holder'>О НАС</div>
      <div id='catalog' class='category-holder'>КATAЛОГ</div>
      <div id='info' class='category-holder'>ИНФОРМАЦИЯ</div>
      <div id='contacts' class='category-holder'>КОНТАКТЫ</div>
    </div>
  </div>

$('#info').click(function(){
   $('#ajax-accept').load('http://beardhouse.com.ua/sources/pages/o-nas.html');
   history.pushState({}, 'about us', "o-nas");
});

所有工作都很好，但是当我尝试去链接时，例如这个http://beardhouse.com.ua/o-nas - 它只是不是fount。

为什么会发生这种情况以及如何解决这个问题？