Alterar valor titulo com jQuery

[vrnkl 0]

Estou usando navegação ajax entre paginas utilizando jQuery (quando clica no botao chama .buscasPagina)

<a href="pagina2" class="buscarPagina"></a>

$(".buscarPagina").click(function() {
var link = $(this).attr('href');

if(link == 'pagina1.html') {
$.ajax ({
dataType: 'html',
url: 'principal.html',
success: function(data) {
$("#content").html(data).fadeIn(340);
$(".navbar-brand").val('teste');
},
error: function(data) {
$("#content").html("<center><p>ERRO ao carregar outra pagina</p></center>").fadeIn(300);
}
}); 
}

Carregando apenas o corpo no caso a div #content
Gostaria de mudar dinamicamente via javascript o valor do título da página mudar de página:

 

<a class="navbar-brand" href="#">TÍTULO 1</a>

Tentei usar um $(".navbar-brand").val('teste'); mas não funciona

Como posso resolver? Alguma sugestão?

[Omar~ 87]

Pode optar por essa duas opções

$(".navbar-brand").text('teste');

Isso irá fazer com que o elemento que tenha a class .navbar-brand seja escrita a palavra teste.

$(".navbar-brand").html('teste');

Isso irá fazer com que o elemento que tenha a class .navbar-brand seja escrita a palavra teste.

A diferença desse segundo método é que pode inserir tags HTML junto ao texto expl.

$(".navbar-brand").html('<span class="qualquer">teste</span>');

 

Eu prefiro Javascript puro.

elemento.innerHTML = 'texto ou formatação HTML/XML a inserir';