Checkbox widget does not toggle properly when clicking on certain areas

[owq]

Test page with 2 checkboxes: http://jsbin.com/wejiliwose/edit?html,output

(a) This occurs on mobile. After tapping on the middle of the 1st checkbox (where the label element is), immediately tap on the edge of the 2nd checkbox (outside the label element and near or outside the edge of the widget. This is a small area so might take some tries to get it right. Try somewhere in the middle-bottom). Note that the timing is important. This occurs if the 2 taps occurs within approximately 1s or less.

Result: The checkbox is expected to toggle but no toggle happens and also the checkbox becomes focused. Now you have to tap twice (on the label), to toggle to expected UI state.

(b) Same as (a) but instead of doing the second tap on the 2nd checkbox, do it on the 1st checkbox.

Result: The checkbox is expected to toggle but no toggle happens.

Tested on:
-Galaxy Tab S2 (Android 6.0) default browser, Cordova application
-LG G2 (Android 5.0.2) default browser, Chrome, Cordova application
-Windows Chrome 56.0.2924.87 Device mode (DevTools)

jQuery 1.11.1, jQuery mobile 1.4.5

P.S. the test page only has 2 checkboxes but in our application we have a lot of checkboxes to scroll through and tap. It's quite easy to mistap when going through them quickly. This bug affects the flow.