$(this).remove() не работает на форме с ajaxForm()

[gait]

Я хочу, чтобы по сабмиту форма самоудалилась. Но это нужно сделать
при срабатывании ajaxForm:

<form class="test-form">
	<button class="test-button">SUBMIT</button>
</form>

$(".test-form").ajaxForm(function() {
	$(this).remove();
});

И почему-то не получается.

Можно сделать так:

$(".test-button").on('click', function() {
	$(this).parent().remove();            
});

Но этот вариант не подходит, нужно сделать удаление именно с ajaxForm.

Еще можно сделать так:

$(".test-form").ajaxForm(function() {
	$(".test-form").remove();
});

И тогда тоже всё пучком, но у меня много форм и мне нужно удалять только ту, где произошел сабмит, то есть нужен $(this), но с ним почему-то удаления формы не происходит?

[skrudjmakdak]

а что в консоль падает, ошибок нет?

$(".test-form").ajaxForm(function() {
console.log(this);
    $(this).remove();
});

[gait]

ошибок нет, в консоли:
[Object, jquery: "2.0.3", constructor: function, init: function, selector: "", toArray: function…]

[gait]

а, это было для console.log($(this));
для console.log(this) выдает вот это:
Object {url: "http://localhost:8080/fileupload/", type: "POST", isLocal: false, global: true, processData: true…}

[animhotep]

$('.test-form').submit(function() {
  $(this).remove();
  return false;
});

[gait]

$('.test-form').submit(function() {
  $(this).remove();
  return false;
});

Ничего не изменилось

[skrudjmakdak]

ну а если так:

$(".test-form").ajaxForm(function() {
      $(".test-form").remove();
});

[animhotep]

я может не понял чё вам нужно, но формы по клику удаляются
http://codepen.io/anon/pen/pwaLu

[gait]

$(".test-form").ajaxForm(function() {
      $(".test-form").remove();
});

Так получается, я об этом писал выше, но мне нужен $(this)

[skrudjmakdak]

мм. па попробуйте в консоль вот так вывести:

$(".test-form").ajaxForm(function() {
console.log($(this)[0]);
});

по идеи должен вернуть dom элемент