Ввод телефона по шаблону

Подскажите пожалуйста, как сделать чтобы номер телефона при подаче объявления был по шаблону +7 (___)___-__-__ к примеру так
Читал что надо установить Masked input, но куда ее скидывать, или устанавливать через osclass не понятно, пробывал и так и так не работает

скачал jquery.maskedinput.js и скинул в js шаблона

на станице подачи объявления написал
<script type="text/javascript" src="<?php echo osc_current_web_theme_js_url('jsjquery.js') ; ?>">
<script type="text/javascript" src="<?php echo osc_current_web_theme_js_url('jquery.maskedinput.js') ; ?>">

<div class="form-group-item">
                  <label for="city">Мобильный номер</label>
                           <input id="cityArea" type="text" name="cityArea" value="">
               <input id="cityAreaId" type="hidden" name="cityAreaId" value="">
<script>
jQuery(function($){
 $("#cityArea").mask("8(999)999-99-99");
});
</script>
                        </div>

Но не работает в чем может быть причина