JQuery doesn't apply to elements created after page load
<p>If I call this:</p>

<pre><code>$(".month-selector").change(function(){
    setStones();
});
</code></pre>

<p>Inside the<code>$(document).ready()</code> it does not apply to elements that are created later. I also tried calling the above code after creating them like so:</p>

<pre><code>$("#month-selectors").html(month_selectors);

$(".month-selector").change(function(){
    setStones();
});
</code></pre>

<p>It still doesn't work. However, If I create a static one, it works. </p>

<p>How can I apply this to the elements when I create them after the page loads?</p>
