How do I stop an event from bubbling up in jQuery

To stop an event from bubbling up in jQuery, you can use the `event.stopPropagation()` method. This method prevents the event from propagating (bubbling up) to parent elements. Here's an example:


        $(document).ready(function(){
            $('#child').click(function(event){
                alert('Child clicked!');
                event.stopPropagation(); // Stops the event from bubbling up
            });

            $('#parent').click(function(){
                alert('Parent clicked!');
            });
        });