title: More efficient jquery coding
body: <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>