title: Click event not firing on child elements of label in iOS and Android using jQuery Mobile
body: <p>A button is clicked/tapped to dynamically add a new checkbox label group to the page. The clickable elements added with the checkbox elements inside the  <code>&lt;label&gt;</code> element are not tappable on mobile, but they are clickable when viewed on desktop.</p>
  
  <p><strong>Example on Codepen:</strong>
  <a href="http://codepen.io/clehnert-psl/pen/ByqxmY/" rel="nofollow">http://codepen.io/clehnert-psl/pen/ByqxmY/</a></p>
  
  <p>(click "1x" at the bottom of the screen for better display on mobile)</p>
  
  <p><strong>Intended behaviour (can be seen working properly on a desktop browser):</strong></p>
  
  <p>After tapping/clicking the "Add attribute" <code>&lt;a&gt;</code> ui-button, a new checkbox item will appear under the last one where custom text can be entered by the user. On desktop browsers, the "Save" <code>&lt;button&gt;</code> successfully "saves" the entered text in the new ui-checkbox item. After the item is saved, the text can again be clicked to edit or add to the entry.</p>
  
  <p><strong>The problem:</strong></p>
  
  <p>On mobile (iOS and Android), the two elements inside the <code>&lt;label&gt;</code> element with click listeners do not fire — the "save" <code>&lt;button&gt;</code> and the text <code>&lt;input&gt;</code> (which can be clicked after it is saved to again edit the text).</p>
  
  <p>The "Delete" <code>&lt;a&gt;</code> (the X), works on both mobile and desktop to delete any added checkbox items. This is appended after the <code>&lt;label&gt;</code> element. Both the "Save" and <code>input type="text"</code> clickable elements work properly if added to the page outside the label, but these items—especially the <code>&lt;input type='text'&gt;</code>—need to be children of the <code>&lt;label&gt;</code> element for proper layout.</p>
  
  <p><strong>How can I make the children of the <code>label</code> element clickable/tappable on mobile?</strong></p>