title: onclick event work for only buttons and not for glyphicon used with button
body: <p>I have used bootstrap to create circular button with glyphicons and i want to change color of the button including glyphicon color as well. but when i click on glyphicon, onlclick event works for glyphicon only and not button. 
  <a href="http://embed.plnkr.co/E1dUnkW1tmOCWqYkRaG5/" rel="nofollow">http://embed.plnkr.co/E1dUnkW1tmOCWqYkRaG5/</a></p>
  
  <pre><code>function setColor(e) {
      var target = e.target,
          status = e.target.classList.contains('btn-success');
  
      e.target.classList.add(status ? 'btn-default' : 'btn-success');
      e.target.classList.remove(status ? 'btn-success' : 'btn-default');
  }
  </code></pre>
  
  <p>my bootstrap button</p>
  
  <pre><code>&lt;button onclick="setColor(event)" type="button" class="btn btn-circle btn-lg"&gt;&lt;span class="glyphicon glyphicon-search" style="margin: 0 0px;"&gt;&lt;/span&gt;&lt;/button&gt;
  </code></pre>