jQueryでsubmit()したあとremove()するとFirefoxで変な動きする

javascript 
<form id="post" action="test" method="post">
    <button onClick="post('test','test')">test</button>
</form>
<script>
function post(key, value){
    // エレメントを作成
    var ele = document.createElement('input');
    // データを設定
    ele.setAttribute('type', 'hidden');
    ele.setAttribute('name', key);
    ele.setAttribute('value', value);
    // 要素を追加
    document.forms[0].appendChild(ele);        
   
    $(key).val(value);
    $("#post").submit();
    //Firefoxだとpostされる前にremoveされてフォームが消滅したあと何も出来ない
    $("#post").remove();
}