jsFiddle

• Run
• Edit

• JavaScript
• HTML
• Result

var log = $('#log');

jQuery('#foo').bind({  
    click: function() {  
        log.html('click');
    },  
    mouseover: function() {  
        log.html('mouseover');  
    },  
    mouseout: function() {  
        log.html('mouseout');
    }  
});

<p id="foo">
    I am foo. <br/>click, <br/>mouseover,<br/>mouseout,<br/>but please <br/>don't be a playah.
</p>
<p id="log">Waiting ...</p>