I have the following not working:

HTML

1. <div id="contacts_box>
2.   <div>
3.     <input type="checkbox" id="contact_id_7" name="contact[id]" />
4.     <label for="contact_id_7"></label>
5.   </div>
6. </div>

JS (on DOM ready)

1. $("#contacts_box > div input").live("click", function(event) {
2.     event.stopPropagation();
3. })

Yet the event continues to bubble up the DOM tree. Other actions in the function are working fine. Using return false is not an option, as I need the checkbox to be checked/unchecked normally.