Recent Articles
- RSpec + Spork Ignoring Fi... | 31 Jan 2012
- Negative Test Suite Runti... | 13 Jan 2012
- Factory Girl and Guard | 01 Oct 2011
- SSL Gotcha with Puppet an... | 14 Sep 2011
- Restoring Old Dashboard V... | 06 Sep 2011
- Swipe Navigation in Googl... | 24 Aug 2011
- Bootstrapping a Minimal R... | 24 May 2011
- Capistrano, Ruby 1.9 and ... | 05 May 2011
- Parsing Google Data XML w... | 08 Mar 2011
- Adding a Header to an Exi... | 14 Feb 2011
- Useful Objects in the Rai... | 04 Feb 2011
- Rails 3 and RightAws 2.0.0 | 01 Feb 2011
- Using RVM from Launchd Sc... | 28 Jan 2011
- Gem Dependencies for Devise | 28 Jan 2011
- Capistrano, Ruby 1.9 and ... | 16 Jan 2011
- Creating and submitting f... | 29 Aug 2010
- Parallels Desktop and the... | 24 Jun 2010
- Why I use Linode | 16 Jun 2010
- Faking POSTs to S3 in Cuc... | 10 Jun 2010
- Bash Port Scanner | 01 Jun 2010
- Rails 2.3, named_scope, d... | 30 Apr 2010
- Updating Firmware on Shar... | 09 Mar 2010
- Pondering Pickled Patterns | 07 Mar 2010
- How Do You Run Puppet wit... | 28 Feb 2010
- Parallels Desktop, Debian... | 27 Feb 2010
- Hoptoad Notifier v2 and O... | 13 Nov 2009
- Snow Leopard, Ruby & ... | 12 Nov 2009
- Better Conditional Sum in... | 06 Nov 2009
- Using Passenger with rvm | 27 Sep 2009
- Using ERB in YAML Configu... | 12 Sep 2009
- Launchd for Cron Jobs | 30 Aug 2009
- Fibonacci Sequence in a Hash | 13 Aug 2009
- OSCON Highlights | 25 Jul 2009
- Open Source Bridge -- Day... | 17 Jun 2009
- The Importance of Being S... | 05 Jun 2009
- Refactoring Views for Cla... | 28 May 2009
- Conditional Sum in Google... | 09 May 2009
- RailsConf Day Four | 07 May 2009
- RailsConf Day Three | 06 May 2009
- RailsConf Day Two | 05 May 2009
- RailsConf Day One | 04 May 2009
- Scotland on Rails 2009 | 01 Apr 2009
Creating and submitting forms with jQuery in Firefox
There’s an interesting gotcha when creating and submitting forms using jQuery in Firefox. Firefox silently fails to submit forms that have not yet been attached to the DOM. For example, consider the following scenario:
Clicking on a link with CSS class “destroy” in Safari or Chrome works as expected — a form is created and submitted. In Firefox, nothing seems to happen. To get it working in Firefox, the form must be attached to the DOM, e.g., using appendTo():
With the addition of f.appendTo($('body')), clicking on a link with CSS class “destroy” submits in Firefox (as well as Safari and Chrome). I scratched my head on this for a while before stumbling across balpha’s comment on the jQuery API documentation for submit().
© 2012 John Parker | Valid XHTML 1.0 Strict | Valid CSS 2.1