JSFiddle - React, Tailwind, and code Playground

by InviS

HTML

<div class='a' title='block A'></div>
<div class='b' title='block B'></div>
<div id='logger'></div>

CSS

.a, .b{
    display: inline-block;
    width: 100px;
    height: 100px;
    background-color: red;
}
.b{
    background-color: blue;
}
#logger{ font: 10px courier, monospace; }

JavaScript

var logger = function(){
    var $logger = $('#logger');
    $logger.html($logger.html()+'<div>'+$(this).attr('title')+'</div>');
}
// $('.a, .b').bind('mouseover', logger); /* ok */
// $('.a').add('.b').bind('mouseover', logger); /* ok */
$('.a').add('.b').live('mouseover', logger); /* fail - obviously! */