尝试复制div时，“/”应用程序中的服务器错误

Question

我正在尝试复制现有的div，所以当我点击我的按钮时 期待我现在必须再次在它下面创建'复制'div 所以现在将有两个div，如果我点击按钮 再次会有3个等等。

但是当我点击按钮时，我看到正在为约创建div 半秒钟，然后页面给我发出以下错误：

'/'应用程序中的

服务器错误。无法找到该资源。说明：HTTP 404.您要查找的资源（或其中一个依赖项）可能已被删除，名称已更改或暂时不可用。请查看以下网址，并确保拼写正确。

这是我的XAML代码：

 <div id="duplicater">
         <div id="gamestype">
        <table>
            <tr>
                <td>type</td>
                <td><asp:TextBox ID="gamestype" runat="server" Height="16px" Width="92px"></asp:TextBox></td>
                <td>name of game: </td>
                <td><asp:TextBox ID="namegame" runat="server" Height="17px" Width="118px"></asp:TextBox></td>
            </tr>
        </table>   
    </div>
    </div>

 <button id="button" onclick="duplicate()">Add new game</button>

这是我的Javascript代码：

  <script>
        document.getElementById('button').onclick = duplicate;

        var i = 0;
        var original = document.getElementById('duplicater');

        function duplicate() {
            var clone = original.cloneNode(true); // "deep" clone
            clone.id = "duplicater" + ++i; // there can only be one element with an ID
            original.parentNode.appendChild(clone);
        }
    </script>

也许问题可能与MVC有关，当点击按钮它没有帖子或我不太确定的东西，因为我对mvc真的是新手，但有任何建议我为什么会得到上述错误。