title: Jquery 'click' not firing when icon is on button
body: <p>I use <code>Bootstrap</code> and <code>jQuery</code>. I have three buttons, each with an icon in it. When I bind an <code>click</code>-event to a button, it works when I click on the button (on the edge), but not when I click on the middle of it, on the icon...</p>
  
  <p>My code looks like this:</p>
  
  <pre><code>&lt;div class="btn-group"&gt;
     &lt;button class="btn btn_change_status" id="134" rel="tooltip" data-original-title="Tooltip"&gt;
        &lt;i class="icon-eye-open"&gt;&lt;/i&gt;
     &lt;/button&gt;
     ... 
  &lt;/div&gt;
  
  ...
  
  $('button.btn_change_status').on('click', function(e) {
     alert(e.target.id);
     return false;
  });
  </code></pre>
  
  <p>How could I bind all elements wrapped by my <code>btn_change_status</code> to the click-event?</p>