Attaching events to elements added dynamically with jQuery
<p>Here's my code:</p>

<pre><code>$("#strong-against .pick .data .actions .btn-success").on("click", function () {
    //Magic here.
});
</code></pre>

<p>I read that I should use <code>.on()</code> as that would dynamically attach events to items added even after the document finishes loading.</p>

<p>Yet, the event is not being fired after I load these items dynamically. How can I make it so that any items I add after the document load are listened to?</p>
