Jquery вкладка и конфликт заголовков

У моей страницы есть три вкладки jquery (я использовал простой плагин вкладки). Когда я обновляю страницу со второй вкладкой, заголовок не появляется. и когда я нажимаю вкладку на новой вкладке браузера, заголовок также не отображается. Как я могу это решить? (Просто нажмите вторую вкладку и обновите страницу)

здесь мой контент

<div id="tab-container" class='tab-container'>
  <ul class='etabs'>
    <li class='tab'>
      <a href="#tabs1-html">
        HTML Markup
      </a>
    </li>
    <li class='tab'>
      <a href="#tabs1-js">
        Required JS
      </a>
    </li>
    <li class='tab'>
      <a href="#tabs1-css">
        Example CSS
      </a>
    </li>
  </ul>
  <div class='panel-container'>
    <div id="tabs1-html">
      <h2>
        HTML Markup for these tabs
      </h2>



      <p>
        Dummy content
      </p>
    </div>
    <div id="tabs1-js">
      <h2>
        JS for these tabs
      </h2>

      <p>
        dummy content 2
      </p>




    </div>
    <div id="tabs1-css">
      <h2>
        CSS Styles for these tabs
      </h2>

      <p>
        dummy content 3
      </p>

    </div>
  </div>
</div>

Здесь мои Js

<script type="text/javascript">
    $(document).ready( function() {
      $('#tab-container').easytabs();
    });
</script>

javascript link1

javascript link 2

Здесь моя ссылка на страницу

Живая страница