prevent the #zc_header from being added infinitely

[tmack8001]

Since there are two different .pico-nav elements in the page source (original one simply hidden) the jquery method $el.insertAfter($target) will duplicate the $el and add it to each available $target nodes that isn't the original $el in the document.

This lead to the sticky header upon adding to not be able to be "removed" simply by removing the class .zc_sticky_header from it...

Before
scrolling down to the bottom and back up produces several copies of the intended sticky header which is to show when the user scrolls the recipe stats out of view though persists at the top of the experience for ever once it appears

After
expected behavior, there is only one element of #zc_header regardless of amount the user scrolls

before and after the sticky stats header appears with the fixed code

[tmack8001]

haven't checked, but this also might fix the issue I have on mobile where the content randomly disappears, haven't had time to debug that one yet though

[Justin-Credible]

Sweet! Thanks for the thorough write up as well!

[tmack8001]

The recipes I was looking at yesterday on my phone that had an issue with just turning blank after scrolling around seems to be fixed.

Maybe the browser I was using didn't like when having multiple of the same element id tags or something...