cakePHP layouts com jQuery

views/layouts/default.html

<script type="text/javascript">
$(function() {
	$('.submit').click(function(){ $(this).parents().submit(); return false; });
	$('.loginModal').click(function(){ $("#loginModal").load("/user/login"); return false; });
	$('.forgotModal').click(function(){ $("#forgotModal").load("/user/forgot"); return false; });
	$('.registerModal').click(function(){ $("#registerModal").load("/user/register"); return false; });
	$('.close').click(function(){ $(this).parents().dialog('close'); });
});
</script>

views/layouts/ajax.htmlNão tem Javascript

views/user/login

<script type="text/javascript">
$(function() {
	$("#login").dialog(};
	$('.submit').click(function() {
 var formData = $(this).parents('form').serialize();

 $.ajax({type: 'POST', url: '/user/login', data: formData, dataType: 'json',});

 return false;
	});
});
</script>

<div id="login" align="center" title="Login ou registrar?">
	<form id="UserLoginForm" method="post" action="/user/login">

// código omitido

 <a href="#" class="submit">Login</a>
 <a href="#" class="forgotModal">Esqueceu sua senha?</a> |
 <a href="#" class="registerModal">Registrar</a>
	</form>
</div>

Bom, acontece que, o usuário vai fazer login quando estiver na página inicial "/" que renderiza suas views dentro do layout default, ao clicar no link login, carregará o controller user e a ação login, que renderizará o layout ajax, e um "dialog" do jQuery (dentro da view login), só que, nesta caixa de dialogo ("dialog") tem dois outros botões, um que carregará o "Esqueceu sua senha" e o outro "Registrar", que ao serem clicados abrirão outra "dialog", o que não ocorre. Entendeu?

Acho que os layouts estão me dando dor de cabeça...

Dúvidas ou sugestões? Agradeço de mais!