Being a bit nitpicky here, but the convention we use for giving wrapping/container &lt;li&gt; elements is to prepend the actual input/textarea id with "field-". If further uniqueness is needed (say there were two separate forms both containing an email-related input on the same page), we'd prepend the id of the form/pseudo form/container element to both the input/textarea's id and the containing &lt;li&gt;. Would you mind following this here and changing the &lt;li&gt;'s id attribute to be "forgot-password-modal-field-email"?