Przesyłanie formularza jQuery Firefox nie działa

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(); 
}); 

Powyższy kod działa poprawnie w Safari, Chrome i Opera, ale Firefox ignoruje form.submit();. Przetestowałem powyższy kod, dodając console.log('...'); powyżej i poniżej wywołania, i jest on wykonywany bez błędu. Próbowałem również wywoływać $(form).submit();, a otrzymałem taki sam niepożądany wynik.

Czy ktoś już wcześniej to robił lub miał rozwiązanie?

Answer 1

Aktualizacja z nowym kodem

$(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(); 
    }); 
}) 

Zobacz WORKING jsFiddle in FF HERE