Duplicate IDs Within Components

[TomAlperin]

Expected Behavior

There should not be any duplicate IDs on any of the component templates.

Actual/Current Behavior

Some components that are being displayed multiple times on a page are using ids on the elements that are not unique. While some browsers will display the page correctly, this can cause unpredictable behavior and may cause incorrect rendering on certain browsers.

A good example of a page that currently has duplicate IDs is the login page. This page contains a "Login" and "Create Account" button. Because these are a reusable component with a static ID set, the IDs are identical.

Steps to Reproduce the Problem

1. Navigate to login page.
2. Inspect submit buttons.
3. IDs will be identical for both buttons.

Proposed Fix

Replace all ids with a class. The styles will need to be updated to target the class instead of an id.