Jquery Form.submit() en Chrome funciona pero no en Firefox

Question

Tengo la siguiente función que recopila datos de una página, los incluye en la variable 'datos', los agrega a un formulario y luego los envía.

$(document).ready(function() { 
$('#content-tab .submit').click(function() { 
    var data = {champion: window.selectedChampion, runes: runes, masteries: masteries, items: items, skillingOrders: skillingOrders, chapters: chapters, title: $('#guide_title').val()}; 
      data = JSON.stringify(data); 
      $("<form method='post'>").append($('<input type="hidden" name="data" id="data">').val(data)).submit(); 
    }); 
}); 

Hay un div en la página que desencadena este cuando se hace clic en:

<div class='button pointer submit'>Submit</div> 

Todo está bien cuando se prueba en Chrome. El formulario envía luego redirige a una página, tal como se planeó. Pero mientras pruebas en Firefox (v. 5 y 6), al hacer clic en el div no se hace nada. Nada. Zilch. Me pregunto qué salió mal en Firefox. Cualquier ayuda sería muy apreciada. Gracias.

Answer 1

Intentaré agregar el formulario al DOM antes de enviarlo.

$('#content-tab .submit').click(function() { 

    var data = { 
     champion: window.selectedChampion, 
     runes: runes, 
     masteries: masteries, 
     items: items, 
     skillingOrders: skillingOrders, 
     chapters: chapters, 
     title: $('#guide_title').val() 
    }; 
    data = JSON.stringify(data); 
    var $form = $("<form method='post'>").append($('<input type="hidden" name="data" id="data">').val(data)); 
    $form.appendTo("body").submit(); 

});