title: Div with jQuery Issue
body: <p>I am trying to do that if I click on this:</p>
  
  <pre><code>&lt;div class="dec qtybutton" data-id="{{ $item-&gt;id }}"&gt;&lt;i class="zmdi zmdi-chevron-down"&gt;&lt;/i&gt;&lt;/div&gt;
  </code></pre>
  
  <p>It displays an alert to know that it really works, my jQuery code is this one:</p>
  
  <pre><code>$('.dec').on('click', function () {
      var id = $(this).attr('data-id');
      alert(id);
  });
  </code></pre>
  
  <p>The thing is that I have tried all this and it has not worked:</p>
  
  <pre><code>$('.dec').on('click', function () {
      var id = $(this).attr('data-id');
      alert(id);
  });
  
  
  $('.dec &gt; i').on('click', function () {
      var id = $(this).attr('data-id');
      alert(id);
  });
  </code></pre>
  
  <p>I do not know how to do that this jquery reads the .dec i or the .dec then if I push it does not do anything, it does not display the alert.. so I wonder what is the problem? because it has not worked at all.</p>
  
  <p>Thanks!</p>