La aplicación de formulario de Firefox jQuery no funciona

Question

var makeField = function(name, value) { 
    return $('<input />').attr({ 
     type: 'hidden', 
     name: name, 
     value: value 
    }); 
}; 

$('.login').on('click', function() { 
    var form = $('<form />').attr('method', 'POST'); 

    form.append(makeField('n0', 'data1')); 
    form.append(makeField('n1', 'data2')); 
    form.append(makeField('n2', 'data3')); 

    $(document).append(form); 
    form.submit(); 
}); 

El código anterior funciona bien en Safari, Chrome y Opera, pero firefox ignora form.submit();. Probé el código anterior agregando console.log('...'); arriba y abajo de la llamada de envío, y se ejecuta sin error. También intenté llamar al $(form).submit();, y obtuve el mismo resultado no deseado.

¿Alguien se ha encontrado con esto antes, o tiene una solución?

Answer 1

actualizada con el nuevo código de

$(function() { 
    var makeField = function(name, value) { 
     return $('<input />').attr({ 
      type: 'hidden', 
      name: name, 
      value: value 
     }); 
    }; 

    $(document).on('click', '.login', function() { 
     var form = $("<form />").attr({ method: "POST" }).append(
       makeField('n0', 'data1'), 
       makeField('n1', 'data2'), 
       makeField('n2', 'data3') 
      ); 

     // just adding a callback on submit here to show it works 
     form.submit(function(e){ alert("Submitting Form"); }); 

     $("body").append(form); 
     form.submit(); 
    }); 
}) 

Ver WORKING jsFiddle in FF HERE