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" id="mydiv">
    <select class="chzn-select" id="selectList">
        <option>January</option>
        <option>February</option>
        <option>March</option>
        <option>April</option>
        <option>May</option>
        <option>June</option>
        <option>July</option>
        <option>Aug</option>
        <option>September</option>
        <option>October</option>
        <option>November</option>
        <option>December</option>
    </select>
    <span id="messageToShow">Message Here</span>
</div>

CSS

.redbrd
{ 
    border:solid 1px #F00
}
.chzn-select
{
    width:120px;
}
#messageToShow
{
    display:none;
}

JavaScript

$(".chzn-select").chosen();
$(function() {
    $("#selectList").change(function() {
        $("#mydiv").removeClass("redbrd");
        $("#messageToShow").hide();
    });
    $("#mydiv").mouseover(function() {
        $("#mydiv").addClass("redbrd");
        $("#messageToShow").show();
    });
    $("#mydiv").mouseout(function() {
        $("#mydiv").removeClass("redbrd");
        $("#messageToShow").hide();
    });
});