How can I add an HTML with an href link using jQuery .insertAfter()?

Why does the href link not work - it's not a live, "clickable" link - on localhost when there are no errors in the console? The HTML appears in the Elements part of the console, and the link works in the console, but not on the page.

jQuery
('<div id="beta-invite"><a href="https://example.com/join/">Join</a></div>')
.insertAfter("#login");