Mudando atributo id

HTML

<div id="status"></div>
<button id="botao1">CLICAR</button>

JavaScript

$(document).on('click', '#botao1', function() {
	    $("#status").html("mudando o nome do botão para botao2");
        $(this).attr("id","botao2").html("BOTÃO 2").fadeIn('slow');
	});	
	$(document).on('click', '#botao2', function() {
    	$("#status").html("retornando o nome do botão para botao1");
	    $(this).attr("id","botao1").html("BOTÃO 1").fadeIn('slow');
	});