I am developing a hybrid mobile application using jQuery Mobile and it needs to be used on both iOS and Android platforms. I have a group of checkboxes that are displayed horizontally (they look like a line of buttons) that can be checked/unchecked in any number. I have a listener for the change event so I know if something has changed in the group. 

However when testing in iOS simulator I found that tapping any other part of the screen unchecks the most recently checked checkbox, and I can see from alerting that the event is firing whenever I tap the screen. This behaves perfectly fine on Android; checkboxes fire the event as they should. As soon as I turned the listener off, it works in iOS. Can anyone help me with this? I am using the latest version of jQuery Mobile (1.2) and my code is below. I have also tried the on and live events. 

$('#daybillable).bind( "change", function(event, ui) {

      dailyEntryFormChanged = true;

      alert("Daily Entry Form Changed : " + dailyEntryFormChanged);

});

Checkboxes are defined as follows:

<div data-role="fieldcontain">

                        <fieldset data-role="controlgroup" data-type="horizontal">

                            <p><b>Working Days</b></p>

                            <input type="checkbox" name="checkbox-mon" id="checkbox-mon" class="custom" />

                            <label for="checkbox-mon">Mon</label>

                            

                            <input type="checkbox" name="checkbox-tues" id="checkbox-tues" class="custom" />

                            <label for="checkbox-tues">Tue</label>

                            

                            <input type="checkbox" name="checkbox-wed" id="checkbox-wed" class="custom" />

                            <label for="checkbox-wed">Wed</label>

                            

                            <input type="checkbox" name="checkbox-thurs" id="checkbox-thurs" class="custom" />

                            <label for="checkbox-thurs">Thu</label>

                            

                            <input type="checkbox" name="checkbox-fri" id="checkbox-fri" class="custom" />

                            <label for="checkbox-fri">Fri</label>

                            

                            <input type="checkbox" name="checkbox-sat" id="checkbox-sat" class="custom" />

                            <label for="checkbox-sat">Sat</label>

                            

                            <input type="checkbox" name="checkbox-sun" id="checkbox-sun" class="custom" />

                            <label for="checkbox-sun">Sun</label>

                        </fieldset>

                    </div>

Any help would be appreciated!! Thanks.