So after a couple of minutes of testing and playing around with the change event I have noticed that this only works on input elements.
$(document).on('change', '.myCart-val', function(){
if ($('.myCart-val').html() == "0") {
$('.myCart-val').hide();
} else {
$('.myCart-val').show();
}
});
What I have noticed is that for this function to actually go off I would need to apply it to some type of onclick event and the two would need to appreciate one another.
I have finally found a better solution that includes Mutation Events. Mutation events allowed my function to run accordingly when triggered by another function.
My final solution.
if ($('.myCount').text() == "0"){$('.CartCount').hide();}
$('.myCart-val').on('DOMSubtreeModified', function() {
if ($(this).text() == "0") {
$(this).hide();
} else {
$(this).show();
}
});
I found my answer here.. Hope it helps you