jquery function is not a function

Question

I'm trying submit some form using ajax

//include jquery-1.4.2.min.js
var submitForm = document.createElement("FORM");
...
jQuery.post(submitForm.getAttribute('action'), submitForm.serialize(), function(data) {
      bla-bla
});

But there is error : "Error: submitForm.serialize is not a function" (FF)

What can I do? Thanks.

@Stas: Create the element using jQuery instead. Updated my answer. — BrunoLM
– BrunoLM, Commented Oct 12, 2010 at 20:08

Nick Craver · Accepted Answer · 2010-10-12 20:04:34Z

3

submitForm is a DOM element, so you need to wrap it in a jQuery object to user jQuery methods like .serialize() on it, like this:

jQuery(submitForm).serialize()

answered Oct 12, 2010 at 20:04

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

BrunoLM · Accepted Answer · 2010-10-12 20:04:58Z

2

Create the form element with jQuery instead.

var submitForm = jQuery("<form />");

/* set attributes using attr */

// use attr instead of getAttribute
jQuery.post(submitForm.attr('action'), submitForm.serialize(), function(data) {
      bla-bla
});

answered Oct 12, 2010 at 20:04

BrunoLM

101k86 gold badges311 silver badges464 bronze badges

1 Comment

BrunoLM Over a year ago

Creating element with jQuery: api.jquery.com/jQuery --- jQuery attr: api.jquery.com/attr

Collectives™ on Stack Overflow

jquery function is not a function

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related