[0] .submit не работает в IE и Firefox, отлично работает в Chrome

Question

Так что это часть сценария, который дает мне проблемы

function creditcard(){ 

var finaltotalprice = document.getElementById('finaltotalprice').innerHTML; 
var total = document.getElementById('sahakol').innerHTML; 
var fullprice = $('#fullprice').html(); 
    var phpval = parseFloat($('#cart-products-total').html()); 
    var name = $('#c_name').val(); 
    var city = $('#c_city').val(); 
    var add = $('#c_add').val(); 
    var phone = $('#c_phone').val(); 
    var email = $('#c_email').val(); 
    if(name == '' || city == '' || add == '' || phone == ''){ 
    alert('נא וודאו כי מילאתם את כל שדות המשתמש'); 
    return false; 
    } else { 

    $('<form action="payment.php" method="POST"/>') 
    .html('<textarea name="total">' + total + '</textarea><textarea name="finaltotalprice">'+ finaltotalprice + '</textarea><textarea name="fullprice">' + fullprice + '</textarea> <textarea name="name">' + name + '</textarea> <textarea name="city">' + city + '</textarea> <textarea name="add">' + add + '</textarea> <textarea name="phone">' + phone + '</textarea> <textarea name="email">' + email + '</textarea> <textarea name="phpval">' + phpval + '</textarea>') 

    [0].submit(); 


    }} 

Эта часть работает отлично в Google Chrome, но сломана в IE и Fire Fox. Сценарий должен ПОСТИТЬ все переменные var в сценарии «payment.php» и перенаправить пользователя на «payment.php», но он не перенаправляет пользователя в IE и в FF. Есть идеи?

Answer 1

Как указал Уэйти: мне нужно добавить форму в DOM. путем добавления

.css("display", "none").appendTo("body") 

до .submit(), теперь он работает безупречно.