Jquery Colorbox，从输入字段打开，返回值

Question

我尝试从colorbox弹出搜索表单中填充/覆盖（如果存在）输入字段，但我没有将变量返回到我的输入字段。

这是主页：

link rel="stylesheet" href="jquery/css/ui-darkness/jquery-ui-1.10.1.custom.css">
<script src="jquery/js/jquery-1.9.1.js"></script>
<script src="jquery/js/jquery-ui-1.10.1.custom.js"></script>
<script src="jquery/colorbox/jquery.colorbox-min.js"></script>
<link rel="stylesheet" href="jquery/colorbox/colorbox.css" />

<script>
$(function() {
var kid = $('#Kontaktname').val();
$("#Kontaktname").colorbox({
    href:"contact_search_popup.php?s_contacts_id=" + kid,
    iframe:true,
    innerWidth:850,
    innerHeight:400,
    opacity:0.1,
    overlayClose:false,
    });
});
</script>

<p><input type="text" id="Kontaktname" value="1001" name="Kontaktname"></p>

<p id="test">
return value:
</p>

这是colorbox弹出页面：

link rel="stylesheet" href="jquery/css/ui-darkness/jquery-ui-1.10.1.custom.css">
<script src="jquery/js/jquery-1.9.1.js"></script>
<script src="jquery/js/jquery-ui-1.10.1.custom.js"></script>
<script src="jquery/colorbox/jquery.colorbox-min.js"></script>
<link rel="stylesheet" href="jquery/colorbox/colorbox.css" />

<input type="submit" id="formSubmit" class="test" value="{Label1}" name="formSubmit"> 

<script>
 $(document).ready(function() {
 $("input.test").click(function() {
 window.parent.$("#kontaktname").text($(this).val()); // works
 window.parent.$("#test").text($(this).val());        // dont work !!!
 parent.$.colorbox.close();
 });
 });
 </script>