Not working when HTML is rewritten

Here is a page I’m working on that uses the fancybox-iframe class.

https://tribute-software.com/jaxsheriff/hero-search/

It is pretty straight forward, when you click on one of the people it popups in the fancy box. The problem is, when you use the filter buttons and click “Name” the code rewrites the HTML and it uses this:

jQuery(“.page-content”).html(this[filterProperty + ‘HTML’]);

To rewrite the html on .page-content. The html rewrites and then suddently the fancybox does not work and instead when you click a person, it opens in a new page. I’ve been through this code and I believe its an issue with fancybox or perhaps the JS needs to be reloaded after the HTML is rewritten. Not sure why it would though.

Thoughts?