document.getElementById("tweetform").submit is not a function?

Question

Hello all,

I am using Firefox and I've been reading some forums claiming this doesn't work in firefox but it has been working for me for the last few days but has stopped working and I can not figure out why.

I make a AXAX POST Request using an IFrame. When I get the response I use this:

function startLoad(){
    $.get("update.php", function(data){
      if(data==''){
       startLoad();
      }
      else{
       document.getElementById("tweetform").submit();
      }
    });
}

However, from firebug, I get this:

document.getElementById("tweetform").submit is not a function
[Break on this error] document.getElementById("tweetform").submit();

I know submit exists, but what is going on?

Thanks all

Answer 1

I guess you are using jQuery.

Try this instead.

$("#tweetform").submit();

Answer 2

My guess would be that you have an element in the form that is called "submit" (possibly a <button> or <input type="submit">, and that ".submit" is retrieving a reference to that element, rather than the member function "submit()". If this is the case, try renaming that element to something else (e.g., "submit_button").

Answer 3

Use document.forms['tweetform'].submit() instead