Jquery Form.submit () в Chrome работает, но не в Firefox

Question

У меня есть следующая функция, которая собирает данные со страницы, помещает их все в переменную 'data', добавляет их в форму и затем отправляет.

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

На странице есть divэто срабатывает при нажатии на:

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

Все хорошо при тестировании в Chrome.Форма отправляет и перенаправляет на страницу, как и планировалось.Но во время тестирования в Firefox (версии 5 и 6) нажатие на div ничего не делает.Нада.Шиш.Интересно, что пошло не так в Firefox?Любая помощь будет высоко оценен.Спасибо.

Answer 1

Я бы попробовал добавить форму в DOM перед отправкой.

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

});