JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://harvesthq.github.com/chosen/chosen/chosen.jquery.js"></script>
<link rel="stylesheet" href="http://harvesthq.github.com/chosen/chosen/chosen.css">
<div style="float:left" class="mydiv">
<select class="chzn-select">

<option>jan</option>
<option>feb</option>
<option>march</option>
<option>april</option>
<option>may</option>
<option>june</option>
<option>july</option>
<option>aug</option>
</select>
</div>
<a href="#">add class</a>

CSS

.redbrd{ border:solid 1px #F00}
.mydiv{padding:10px;}

JavaScript

$(".chzn-select").chosen()
$(function(){
    $('a').click(function(){
        $('.mydiv').addClass('redbrd')
    
        $('.redbrd').live('mouseover',function(){
            if($('#mmt').length == 0){
                var htm= '<div id="mmt">some text</div>';
                $('body').append(htm);        
            }    
                    
        }); 
        $('.redbrd').live('mouseout',function(){
            $('#mmt').remove();
        });          
    

    })        
})