Alterar valor titulo com jQuery

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?