On form input focus, show div

Question

I have a form with an input (#test). Does anyone know how to, when in focus, display another div (#tool-tip) with jQuery?

<form>
    <div id="tool-tip"></div>
    <input id="test" />
    <input type="submit">
</form>

Answer 1

$("#test").focusin(function() {
    $("#tool-tip").show();
}).focusout(function () {
    $("#tool-tip").hide();
});

Using .focusin() and its opposite, focusout()