I've got 2 radio buttons with labels: button A is checked by default in HTML (checked="checked"). They're then processed with jQuery UI Radio Button.

When I check button B and refresh the page, B's label is displayed as checked (it has CSS ui-state-active class).
And A's label is displayed as unchecked, even though it's A button that is actually checked.

It happens in Firefox (3) and IE (8).
In Chrome (5) it works fine - after refresh A's label is displayed as checked.

<input class="ui-helper-hidden-accessible" id="show-all-hotels" name="radio" CHECKED="CHECKED" type="radio">  
  <label aria-disabled="false" role="button" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left" aria-pressed="false" for="show-all-hotels">
    <span class="ui-button-text">All tours</span>
  </label>
<input class="ui-helper-hidden-accessible" id="show-availability" name="radio" type="radio">
  <label aria-disabled="false" role="button" aria-pressed="true" class="UI-STATE-ACTIVE ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right" for="show-availability">
    <span class="ui-button-text">Only available at</span>
  </label>

Do You know why is it happening and how to make checked button label appear as checked in all browsers?