Как отменить переход по ссылке?

Question

[Егор Антропов]

Есть

форма

<form action="<?php echo site_url() ?>/wp-admin/admin-ajax.php" method="POST" id="filter">
			<input type="text" name="tag" placeholder="2017">
			<button>Применить фильтр</button>
			<input type="hidden" name="action" value="myfilter">
		</form>

, нужно чтобы при клике происходило действие из

js кода

<script>
		jQuery(function($){
		$('#filter').submit(function(){
			var filter = $(this);
			$.ajax({
				url:ajaxurl, // обработчик
				data:filter.serialize(), // данные
				type:filter.attr('method'), // тип запроса
				beforeSend:function(xhr){
					filter.find('button').text('Загружаю...'); // изменяем текст кнопки
				},
				success:function(data){
					filter.find('button').text('Применить фильтр'); // возвращаеи текст кнопки
					e.preventDefault();
					$('#response').html(data);
				}
			});
			return false;
		});
	});
	</script>

Но при этом не перекидывало на /wp-admin/admin-ajax.php
Как можно это сделать?

Answer 1

[WapSter]

preventDefault

Answer 2

[Дима Паутов]

$('#filter').submit(function(event){
      var filter = $(this);
event.preventDefault()