使用ajaxform

Question

页面可能包含具有类似结构的多个表单。我使用ajaxform来提交表单数据。在提交和回复之后，我将结果填入div中，位于相同的表单中。

$('#a').ajaxForm({
          beforeSubmit:function(){
            $('#a').find('.overlay').removeClass('hide');
          },
          success:function(data){
            result = JSON.parse(data);
            $('#a').find('.alert_container').html(result.response);
            $('#a').find('.overlay').addClass('hide');
          },
});

上面的代码可以找到，但问题仍然存在，我必须为每个表单制作一份单独的副本。

如何使用类似的以下代码在每个表单上使用ajaxform访问子div或元素？

$('form').ajaxForm({
          beforeSubmit:function(){
            $(this).find('.overlay').removeClass('hide');
          },
          success:function(data){
            result = JSON.parse(data);
            $(this).find('.alert_container').html(result.response);
            $(this).find('.overlay').addClass('hide');
          },
});

$（this）在这种情况下似乎不起作用。