window.openで開いたタブ(ウィンドウ)から親に値を渡したい

以下のように実装してみましたが、うまくいきません。
F12ツールでデバッグしてみると、

window.opener.documentで親の要素に値を設定するときにエラーになっているようですが解決できないので教えてください。

エラー
IE11の場合：未定義または NULL 参照のプロパティ 'value' は取得できません
Chromeの場合：Blocked a frame with origin "null" from accessing a cross origin frame

＜親ウィンドウ＞
<script type="text/javascript">
    function pop() {
        window.open("pop.htm");
    }
</script>

<input type="text" name="name" size="40" maxlength="600" value="山田太郎" id="name"/>
<input type="button" onClick="return pop();" value="選択">

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

＜子ウィンドウ＞
<script type="text/javascript">
    function set() {
        window.opener.document.getElementById("name").value = document.getElementById("name").value;
        quitBox('quit');
    }
    function quitBox(cmd) {
        if (cmd=='quit'){
            //open(location, '_self').close();
            this.close();
        }
        return false;
    }
</script>

<button  onclick="return set();">セット</button>


以下を参考にしています。
http://browserstrangeness.bitbucket.org/window_close_tester.htm



＊＊＊＊＊＊＊＊＊＊＊＊追記＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
もしかしたら解決したかもしれません。。。
上記はローカルのHTMLをブラウザで表示して確認していたのですが
Webサーバにアップロードして確認したところ、親ウィンドウに値が書き込まれ
子ウィンドウが閉じられました。
でもなぜローカルではうまくいかないのでしょうか？