jQuery not updating html element

Hi! I am working on my Pomodoro Clock project. I have two functions(timer and breakTimer) that display a countdown in the html element countdown (html: line 20). For some reason, the session timer countdown is displayed (js: line 22) but the break timer countdown is not being shown(js: line 31). From tests, I know the break timer is working/counting down. The info isn’t getting over to the html. Thoughts? Thanks!

CodePen: codepen link

That’s because on Line 25 you replace inner html of #timer-label with text "Break Time: " therefore span with id="countdown" is gone.

Ah! I changed the line to…

$("#timer-label").html("Break Time: <span id='countdown'></span>");

It’s always something right in front of me, sigh. Thanks!