Element inside button class element not receiving click event


#1

I have markup like this:

 <div class="button-bar">
   <div class="button button-outline button-calm">
     <a href="alert('something')" style="width:33%;border-right:solid 1px">Say yes</a>
     <a href="alert('something')" style="width:33%;border-right:solid 1px">Say no</a>
     <a href="alert('something')" style="width:33%">Say maybe</a>
   </div>
   <button class="button icon-left ion-fork-repo button-outline button-stable">Other option</button>
 </div>

The problem is the a elements are not receiving the click event. It seems the element with class button is consuming the event and stopping propagation. Is there any way I can prevent the class button element to stop event propagation?

Thanks.