.on() doesnt works on dynamic elements?
<p>My <a href="http://jsfiddle.net/qcdzS/1/" rel="nofollow">code</a> :</p>

<h1>HTML</h1>

<pre><code>&lt;div id="box"&gt;
    &lt;div class="mappa-infobox"&gt;
        &lt;div class="pulsanti"&gt;
            &lt;span class="pulsante selected"&gt;YES&lt;/span&gt;
            &lt;span class="pulsante"&gt;NO&lt;/span&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div id="example"&gt;&lt;/div&gt;
</code></pre>

<h1>jQuery</h1>

<pre><code>$(".mappa-infobox .pulsante").on("click", function () {
    console.log("ciao");
});

$(window).load(function () {
    $('#example').html($('#box').html());
});
</code></pre>

<p>seems that, after the document is loaded and the <code>mappa-infobox</code> "cloned" inside the <code>example</code> div, the handlers are not fired. Why?</p>
