页面table的每行都有一个<input type='button' />,如何实现点击按钮在按钮下方弹出一个div，点击空白消失

\

<input id="test" type="button" />/*按钮*/

<div id="tanchu"></div>
<script language="javascript">
$(document).ready(function(e) {
    $("#test").click(function(e) {
        $("#tanchu").show();
    });
$("#tanchu").mouseout(function(e) {
        $(this).hide();
    });
});
</script>