Jquery .on() method
<p>I want to allow to click on my buttons on conditions. So I use the .on() method to allow to click just when the class "clickable" is present.  :</p>

<pre><code>$(".button").on("click", ".clickable", function () { 
  alert("click");
});

$("#stop").click( function () {
  $(".button").removeClass('clickable');
});
</code></pre>

<p>But I can't click on my buttons from the beginning. 
Is my .on() method not correct ?</p>

<p>this my html structure :</p>

<pre><code>&lt;div class="button clickable"&gt;1&lt;/div&gt;
&lt;div class="button clickable"&gt;2&lt;/div&gt; 
&lt;div class="button clickable"&gt;3&lt;/div&gt;
</code></pre>

<p>Thank you</p>
