BS3 - Tab Menu - Navbar Fixed Bottom

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="navbar navbar-inverse navbar-fixed-bottom navbar-cenerted" role="navigation">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>

        </button> <a class="navbar-brand" href="index.html">Cancer Resource Application</a>

    </div>
    <div class="navbar-collapse collapse">
        <ul class="nav nav-tabs " id='tabs'>
            <li><a class="text-muted" href="#search" data-toggle="tab"><span class="glyphicon glyphicon-search"></span>Search</a>

            </li>
            <li><a class="text-muted" href="#resource" data-toggle="tab"><span class="glyphicon glyphicon-th"></span>
                Resources</a>

            </li>
            <li><a class="text-muted" href="#list"><span class="glyphicon glyphicon-list" data-toggle="tab"></span>List</a>

            </li>
            <li><a class="text-muted" href="#favorites" data-toggle="tab"><span class="glyphicon glyphicon-star"></span>Favorites</a>

            </li>
        </ul>
    </div>
</div>
<div class='tab-content'>
    <div class='tab-pane fade in active' id='search'>
        <ul>
            <li>...search</li>
        </ul>
    </div>
    <div class='tab-pane fade' id='resource'>
        <ul>
            <li>...resource</li>
        </ul>
    </div>
    <div class='tab-pane fade' id='list'>
        <ul>
            <li>...list</li>
        </ul>
    </div>
    <div class='tab-pane fade' id='favorites'>
        <ul>
            <li>...favorites</li>
        </ul>
    </div>
</div>

JavaScript

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