.html() JQuery

Galerinha do mal, seguinte to fazendo esse site aqui:

http://tamivideo.com.br/adm/

Ainda é um projetinho simples...

Seguinte, diminuam a resolução da tela, percebam que ao se diminuir até um certo tamanho, ele cria um botãozinho para que ao clicar, o meu lateral apareça.

html:

<h1 id="menuTitle">
 <a id="menu-toggle" href="#" class="btn btn-default"><i class="icon-reorder"></i></a>
 Simple Sidebar
</h1>

JS:

$(document).ready(function() {

 var buttonMenuLateral = '<a id="menu-toggle" href="#" class="btn btn-default"><i class="icon-reorder"></i></a>';

 $("#register").click(function() {
 var titleRegister = 'Cadastro';
 $('#menuTitle').html(buttonMenuLateral + titleRegister);
 $("#contentVariable").load('view/cadastro/index.html');
 });
});

Mas tem um porém... ai clicar em cadastro, o botãozinho deixa de funcionar, por que???