Event trigger without bubbling (jQuery)

HTML

<div id="no">
    <div id="yes">This text is red if event bubbled.</div>
</div>

<button>Click here</button>

JavaScript

$('#no').on('custom', function(){ $('#yes').attr('style', 'color: red !important'); });
$('#yes').on('custom', function(){$('#yes').css('color','green');});
$('#yes').on('custom', function(){$('#yes').append('<p>OK!</p>');});


$('button').click(function() {
    $('#yes').triggerHandler('custom');
});