I am submitting a form via javascript as callback of a label click. It works on all browsers except Firefox, and I am currently testing on FF24.
This is the label structure:
<label>
<input type="radio" name="itsname" value="1">
<div>
<img />
</div>
<div></div>
<div><br></div>
<div>
<div>
<div></div>
<div>
<span></span>
</div>
</div>
<div>
<div></div>
<div>
<span></span>
</div>
</div>
</div>
</label>
And this is the (pseudo)code for submitting the parent form:
label.addEvent('click', function () {
if(Browser.firefox) this.getChildren('input')[0].set('checked', true)
this.getParents('form')[0].submit()
})
As you can see, the code is already fixed for FF, so I am not really looking for a solution but just for a more or less detailed explanation on why the additional code is mandatory for making the script work in FF. I already know the radio input gets checked "too late" otherwise.