Как замаскировать ввод с помощью Jquery в MVC5?

В последние дни я пытаюсь разработать веб-приложение MVC в .Net Framework. Я пытаюсь замаскировать ввод в форме. Я загрузил замаскированный ввод Jquery и написал этот код в своем разделе просмотра.

@section Scripts{
    <script type="text/javascript" src="/Scripts/jquery.maskedinput.min.js"></script>
    <script type="text/javascript" src="/Scripts/jquery-1.8.3.min.js"  charset="utf-8"></script>

    <script type="text/javascript">
        $(function () {
            $("#phone").mask("(999) 999-9999");
        });
    </script>
}

Я пытаюсь замаскировать текстовое поле следующим образом:

@Html.TextBoxFor(model => model.PhoneNumber, new { htmlAttributes = new { @class = "form-control" ,@id="phone"} })

Но это не работает. Где неправильно?

Я пробовал несколько способов замаскировать его, но мне это не удалось. Может ли кто-нибудь мне помочь?