Witam wszystkich.
Rozpoczynam swoją przygodę z jQuery. Postanowiłem korzystać z biblioteki jQuery UI i mam problem z walidacją formularza w UI Dialog.
Sama walidacja po za UI Dialog świetnie śmiga, natomiast z okienkiem mam problem, gdyż nie wiem jak to połączyć.
HTML:

[HTML] pobierz, plaintext 
<div id="dialog-login" title="Logowanie do panelu administracyjnego">
	<p>
		Podaj login i hasło by zalogować się do panelu administracyjnego.
		<img src="/cms.images/login.png" style="float:left; margin-top:10px;">
		<form id="logon" action="logowanie.php" method="post">
			<div>
				<label for="login">Login</label>
				<input type="text" id="login" class="ui-widget-content ui-corner-all" name="login">
			</div>
			<div>
				<label for="password">Hasło</label>
				<input type="password" id="password" class="ui-widget-content ui-corner-all" name="password">
			</div>
		</form>
 
	</p>
</div>
[HTML] pobierz, plaintext 

JS:

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript" src="/cms.js/jquery.min.js"></script>
<script type="text/javascript" src="/cms.js/jquery.ui.min.js"></script>
<script type="text/javascript" src="/cms.js/jquery.validate.min.js"></script>
<script>
$(document).ready(function() {	
	$("#dialog-login").dialog({
		resizable: true,
		width: 400,
		minWidth: 400,
		show: "fade",
		buttons: {
			"Zaloguj": function() {	$("#logon").validate({
		submitHandler:function(form) {
			$('#logon').submit();
		},
		rules: {
			login: {
				required: true
			},
			password: {
				required: true
			}
		},
		messages: {
			login: {
				required: "Podaj login"
			},
			password: {
				required: "Podaj hasło"
			}
		}
	});
 
			},
			"Anuluj": function() {
				$(this).dialog("close");
			}
		}
	});
});
</script>
[JAVASCRIPT] pobierz, plaintext 

Takie coś nie działa ni w ząb. Pomożecie?