window.opener не работает

Я работаю над веб-страницей, которая открывает всплывающее дочернее окно, щелкнув изображение в родительском окне.

И я хотел бы передать значение из текстового окна дочернего окна в текстовое поле родительского окна.

Я нашел учебник по этой теме и последовал его методу. http://www.plus2net.com/javascript_tutorial/window-child3-demo.php Однако это не сработало для меня.

$(document).ready(function(){
  $("#myImg").click(function(){   
    var win1=window.open("popupWindows/p1.html","myWindow"," top=500, left=500, width=500,height=500");
    });
});

^ Это открывает дочернее окно.

function childWindowFunction()
{
opener.document.getElementById("parentTextBox").value=document.getElementById("userInput").value;
//alert(document.getElementById("userInput").value); <-- this works
//alert(opener.document.getElementById("parentTextBox").value); <-- not working at all
close();
}

^ Это выполняется из дочернего окна.

И вот исполняемый код. https://www.dropbox.com/s/83hwyhbz7u4nuie/sandbox.7z

Я думаю, что значение opener.document.getElementById("parentTextBox").value не работает. Может кто-нибудь сказать мне, что случилось? Спасибо!

Игнорируйте приведенный выше код. Для этого я создал jsfiddle. jsfiddle.net/yuyhero/6FKVM/1

Я хотел бы использовать кнопку внутри всплывающего окна для выполнения задачи вместо того, чтобы использовать кнопку get value из родительского окна.

Теперь, когда кнопка внутри всплывающего окна не работает вообще.

Спасибо за вашу помощь!