title: Show tick on click
body: <p>In my JS when a button with <code>data-complete</code> is clicked it gives me the value I need via <code>targetDiv</code>.</p>
  
  <p>From this I am having issues with the <code>.complete-tick</code> class as I would like to add the <code>.css({'display' : 'block'});</code> class to it.  How? </p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code> &lt;button class="complete" data-complete="showTick-1" type="button"&gt;click me &lt;div class="complete-tick"&gt;&lt;i class="fa fa-check"&gt;&lt;/i&gt;&lt;/div&gt;&lt;/button&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$(function(){
      $('[data-complete]').on('click', function(e) {
          var targetDiv = jQuery(this).attr('data-complete');
  
         (".complete-tick").css({'display' : 'block'});
  
          e.preventDefault();
  
      });
  });
  </code></pre>