Jquery UI button gets disabled on refresh

Question

I asked about this on the jquery forum a few weeks ago without luck, so I will try again here :)

I\'ve made a simple widget for a project I\'m working on, but I have enc

Answer 1

I believe this is a bug in how Firefox remembers form field/control values and states:

1. After the first page load, there are three elements in the document, and is disabled. (When the jQuery UI styled button is enabled or disabled, it sets the underlying element to the same state.)
2. Firefox remembers that the second is disabled.
3. After a page refresh, before any scripts are run, Firefox restores form fields and controls. It disables the second , but since no script has been run, the second button is .
4. When jQuery UI creates the styled button for , it sees that it is disabled and continues to style it as disabled.

There are two issues here:

1. How Firefox remembers which elements are disabled. It's not taking into account dynamic elements. I suggest filing a bug with Mozilla for this.
2. Form elements stay disabled after a page refresh. I'm not sure if this is the correct behaviour, but there are two bugzilla reports on this.

The test case can simplify down to just adding a element dynamically and disabling , no jQuery / jQuery UI necessary:

A B