Нужен помощь по Bootstrap

[Deaf]

<!-- Nav tabs -->
<ul class="nav nav-tabs nav-justified">
<li class="active"><a href="#info" data-toggle="tab">Информация</a></li>
<li><a href="#params" data-toggle="tab">Параметры</a></li>
<li><a href="#education" data-toggle="tab">Образование</a></li>
<li><a href="#expire" data-toggle="tab">Опыт</a></li>
<li><a href="#addition" data-toggle="tab">Дополнительно</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">

<div class="tab-pane in active" id="info">
<h3>Информация</h3>

<ul class="pager">
<li class="previous disabled"><a>Назад</a></li>
<li class="next"><a href="#params">Далее</a></li>
</ul>
</div>

<div class="tab-pane" id="params">
<h3>Параметры</h3>

<ul class="pager">
<li class="previous"><a href="#info">Назад</a></li>
<li class="next"><a href="#education">Далее</a></li>
</ul>
</div>

<div class="tab-pane" id="education">
<h3>Образование</h3>

<ul class="pager">
<li class="previous"><a href="#params">Назад</a></li>
<li class="next"><a href="#expire">Далее</a></li>
</ul>
</div>

<div class="tab-pane" id="expire">
<h3>Опыт</h3>

<ul class="pager">
<li class="previous"><a href="#education">Назад</a></li>
<li class="next"><a href="#addition">Далее</a></li>
</ul>
</div>

<div class="tab-pane" id="addition">
<h3>Дополнительно</h3>

<ul class="pager">
<li class="previous"><a href="#expire">Назад</a></li>
</ul>
</div>
</div>

Я начинающий. У меня проблема с js, не работает таб из-за кнопки просмотра предыдущей и следующей страницы.Использую Bootstrap. Может что-то неправильно оформил или прописал.

$('#myTab a').click(function (e) {
e.preventDefault()
$(this).tab('show')
})

прошу помогите с исправлением ошибки.

 

[webmastermd]

А вы подключили и js и css файлы bootstrap ?