Question

Problem: Applying $(".price").hide(); works to elements already rendered, however, when I load a new template via javascript, the price class will be visible.

Question: Is there a way to apply a style to all future instances of a class upon insertion into the DOM.

Example:

$(".price").hide();
$('body').append('<div class="price">19.00</div>'); // this should be hidden.

Answer 1

Instead of doing it this way, make your toggle switch modify a container element to add or remove a class.

Then, have a CSS rule that looks like this:

.hidePrice .price{
    display:none;
}​

When you toggle your button, just toggle the hidePrice class on your container element.

See:
http://jsfiddle.net/bXChZ/