Javascript 当选择框上方的div被隐藏时，选择选项将与选择框分离

我在输入下有一条验证消息。当用户在输入中输入消息，然后从选择框中选择选项时，验证消息将隐藏，选择选项将与选择框分离。我正在寻找一种将选项直接放在选择框下的方法

提前谢谢

下面是一些快速代码

<input type='text' id='message'/>    
<div id='msg'>add your message</div>
<select name="schools" id="schools" value="School" title="School">
    <option value="">School</option>
    <option value="1">one</option>
    <option value="2">two</option>
    <option value="3">Three</option>
</select>

$('#message').blur(function () {
    $('#msg').fadeOut();
});

这是一把小提琴

---

看起来这是一个chrome bug。

在同一个小提琴中对我起作用，这正是我首先说的att，但如果你在框中键入，然后更改它……刚刚意识到这只发生在Google chrome中。@user973671我在firefox中，这也发生在我身上