title: Firefox form inputs/divs inside label behaviour
body: <p>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.</p>
  
  <p>This is the label structure:</p>
  
  <pre><code>&lt;label&gt;
      &lt;input type="radio" name="itsname" value="1"&gt;
      &lt;div&gt;
          &lt;img /&gt;
      &lt;/div&gt;
      &lt;div&gt;&lt;/div&gt;
      &lt;div&gt;&lt;br&gt;&lt;/div&gt;
      &lt;div&gt;
          &lt;div&gt;
              &lt;div&gt;&lt;/div&gt;
              &lt;div&gt;
                  &lt;span&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
              &lt;div&gt;&lt;/div&gt;
              &lt;div&gt;
                  &lt;span&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>And this is the (pseudo)code for submitting the parent form:</p>
  
  <pre><code>label.addEvent('click', function () {
      if(Browser.firefox) this.getChildren('input')[0].set('checked', true)
      this.getParents('form')[0].submit()
  })
  </code></pre>
  
  <p>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.</p>