Jquery UI Tab não carregando na seleção programática com Jquery - jquery, ajax, jquery-ui, jquery-ui-tabs

Agora eu tenho escrito um script que depois de clicar no botão de envio mostra a próxima guia e seleciona-lo. Aqui está o código:

 var $tabs = $("#tabs").tabs();
$("#submitbutton").click(function () {
if ($("#quotesubmit").valid()) {
var resultDiv = $("#ratesView");
$.ajax({
type: "POST",
url: "Rates/Rates",
data: {},
success: function (response) {
resultDiv.html("");
resultDiv.html(response);
}
});
unhidetab();
$tabs.tabs("select", 2);
return false;
}

});

O script funciona e a guia é exibida e, em seguida,selecionado. O problema é que a aba não está realmente carregada. Em vez disso, eu tenho que clicar na aba anterior e então clicar de volta na nova aba. Eu também tentei usar um $ tabs.tabs ("load", 2); após as guias selecione a instrução sem sucesso. Alguém familiarizado com o que pode estar causando esse comportamento? Obrigado.

Respostas:

tente isso .. Eu estava tendo o mesmo problema.

$tabs.tabs("option", "selected", 2);