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}

JavaScript

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