Javascript-форум - Помогите определить кто .submit ?

Понимаю, что можно и по другому решить, но уже хочется до конца разобраться.
Есть форма, на форме два button.
Данные формы не должны передаваться на сервер
$('form').submit(......
При клике на button нужно узнать ее name - на этом застрял - помогите - подскажите.

<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
	 
	<form action="" method="post">
		<select name="city">
		<option disabled="" selected="selected">Выберите Город</option>
			<option value="2">Абакан</option>
			<option value="3">Барнаул</option>
		</select>
		<br>
		<button name="first">ПЕРВЫЙ</buton>
		<button name="second">ВТОРОЙ</buton>
	</form>
</body>
</html>

<!DOCTYPE HTML> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> </head> <body> <form action="" method="post"> <select name="city"> <option disabled="" selected="selected">Выберите Город</option> <option value="2">Абакан</option> <option value="3">Барнаул</option> </select> <br> <button name="first">ПЕРВЫЙ</buton> <button name="second">ВТОРОЙ</buton> </form> <script> $('form').find('button').on('click', function (e) { e.preventDefault(); alert(this.name); }); </script> </body> </html>