在复选框上未检测到jQuery Mobile on tap

Question

无论是哪个元素被点击，我都需要检测用户点击。下面的代码工作正常，除了jQuery Mobile复选框。

 $(document).on( 'tap', function(e){
      function
 });

这是HTML：

 <div class="ui-grid-a">
                <div class="ui-block-a">
                    <fieldset data-role="controlgroup">
                        <input type="checkbox" name="checkbox-1a" id="checkbox-1a" checked="">
                            <label for="checkbox-1a">Default Reason</label>
                        <input type="checkbox" name="checkbox-2a" id="checkbox-2a">
                            <label for="checkbox-2a">Reason Two</label>
                        <input type="checkbox" name="checkbox-3a" id="checkbox-3a">
                            <label for="checkbox-3a">Retail Store</label>
                        <input type="checkbox" name="checkbox-4a" id="checkbox-4a">
                            <label for="checkbox-4a">Reason Four</label>
                    </fieldset>
                </div>
                <div class="ui-block-b">
                    <fieldset data-role="controlgroup">
                        <input type="checkbox" name="checkbox-5a" id="checkbox-5a">
                            <label for="checkbox-5a">Need Info</label>
                        <input type="checkbox" name="checkbox-6a" id="checkbox-6a">
                            <label for="checkbox-6a">System Trial</label>
                        <input type="checkbox" name="checkbox-7a" id="checkbox-7a">
                            <label for="checkbox-7a">Medical Office</label>
                        <input type="checkbox" name="checkbox-8a" id="checkbox-8a">
                            <label for="checkbox-8a">Last Reason</label>
                    </fieldset>
                </div>
            </div>