More efficient jquery coding : <p>What is more efficient between these two sets, and why. Thanks :)</p>

<pre><code>&lt;button data-target="1" class="target-buttons'&gt;Target&lt;/button&gt; 
$(document).on('click', '.target-buttons', function() {
    alert($(this).data('target'));
});

&lt;button onclick="alertTarget('1')" class="target-buttons"&gt;Target&lt;/button&gt;
function alertTarget(value) {
    alert(value);
}
</code></pre>

<p>Thanks very much!</p>
