error Uncaught SyntaxError: Unexpected token }

See more:

jQuery

Hi! I built a button in run time and an onclick event in running when I press on the button I got an error Uncaught SyntaxError: Unexpected token } dont know why the code doesnt miss any "}"
the page:
(the button is caled "editButton2 "

@model ProjectUI.Models.UserViewModel
@using ProjectBL

@{
ViewBag.Title = "RegistrationSystem";
}
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}

<script src="~/jquery-1.10.2.js"></script>
<script>
$(function () {
$(document).submit(function (evt) {
evt.preventDefault();
});
})
</script>


<script>


$(document).ready(function(){

var counter2 = 0;



$("#btn_addNumber").click(function () {
if(counter2==0)
{
counter2 = $("#btn_addNumber").attr("name");
}
var newTextBox = $(document.createElement('input'))
.attr("id", counter2);
counter2++;

var editButton2 = $('<input/>').attr({ type: 'button', name: 'btn', value: 'Button', onclick: '(fn_changeNumber(' + counter2 + ')' })


newTextBox.appendTo("#PhoneNumbers");
editButton2.appendTo("#PhoneNumbers");
})
})

function fn_changeNumber(pnCode) {
var phoneNumberCode = pnCode;
var phoneNumber = $("#" + pnCode + "").val();

debugger;
var target = "/User/ChangePhoneNumber/?i=" + parseInt(phoneNumberCode) + "&number=" + parseInt(phoneNumber);
$.ajax({
url: target,
type: "POST",
async: true,
success: function (result) {
$("#ChangeResult").html(result);
},
})
}

</script>

RegistrationSystem

@using (Html.BeginForm())

{


RegistrationSystem









@*<button value="add new phone number" onclick="fn_addNumber(@Model.userPhoneNumbers.Count)"></button>*@
<button id="btn_addNumber"value="add new phone number" name="@Model.userPhoneNumbers.Count" ></button>

<input type="submit" value="Create" />

}

)