本来隐藏的块中有一个按钮,这个块显示以后(按钮也显示)点这个按钮click无效,怎么解决?

Question

这是隐藏的块:
<div style="display:none;" id="hid">
<form>
<textarea class="textarea" name="textfield" cols="79" rows="5" id="msg_in_text"></textarea>
 <input class="button" type="submit" value="提交" id="msg_in_sub" />
</form>
</div>
<button id="test">test<button>
这个是JQ:
$(function(){
 $("#test").click(function(){
   $("#hid").show();
   });
 $("#msg_in_sub").click(function(){
   alert("OK");
   });
});
出现一个问题,原来隐藏的hid块里面包括一个文本输入框和一个提交按钮,点击test按钮这个块显示,然后再点击那个"提交"按钮的时候却完全没反应....这是怎么回事?
我把块的隐藏代码去掉以后(块默认显示的时候)点击那个"提交"按钮却有效,怎么回事?
哪位大侠解答下?刚学JQ很多不懂的地方...

Answer 1

我这里点击提交后 能弹出'ok' .
还有 。
<button id="test">test<button>

Answer 2

标签写错，其他功能没问题。
<button id="test">test</button>

Answer 3

type="submit" 改成 type="button"<div style="display:none;" id="hid">
<form>
<textarea class="textarea" name="textfield" cols="79" rows="5" id="msg_in_text"></textarea>
 <input class="button" type="button" value="提交" id="msg_in_sub" />
</form>
</div>
<button id="test">test</button><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script language="javascript">
$(function(){
 $("#test").click(function(){
  $("#hid").show();
  });
 $("#msg_in_sub").click(function(){
   alert("OK");
  });
});
</script>