Checkbox Bubbling to div - Javascript

I have a div that is surrounding a check-box. The Div has an event handler that checks the check-box, The check-box'es default behavior is to check or uncheck itself upon being clicked, however the event is bubbling down to the div and the divs function is canceling out the check-boxes function, How can i prevent the div's function from being fired when the check-box is clicked?

    <div id="CloseForMeEmailCBDIV" style="width:50px;margin-left:6px; margin-top:8px; height: 24px;">
<input id="CloseForMeEmailCB" onclick="" type="checkbox" style="margin-left:6px;margin-top:4.49px;  transform: scale(2);">  Email</input>
</div>