Как правильно перенести js в отдельный файл
 

Здравствуйте!
Делаю сайт на Битрикс и хочу кусок кода перенести в отдельный файл

Подключаю

$APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH."/assets/js/***.js");

Код, который хочу перенести:
1)

<!-- SmartResponder.ru subscribe form code (begin) -->

<script type="text/javascript" src="https://imgs.smartresponder.ru/52568378bec6f68117c48f2f786db466014ee5a0/"></script>
<script type="text/javascript">
    _sr(function() {
        _sr('form[name="SR_form_345924_40"]').find('div#sr-preload_').prop('id', 'sr-preload_345924_40');
        _sr('#sr-preload_345924_40').css({'width':parseInt(_sr('form[name="SR_form_345924_40"]').width() + 'px'), 'height':parseInt(_sr('form[name="SR_form_345924_40"]').height()) + 'px', 'line-height':parseInt(_sr('form[name="SR_form_345924_40"]').height()) + 'px'}).show();
        if(_sr('form[name="SR_form_345924_40"]').find('input[name="script_url_345924_40"]').length) {
            _sr.ajax({
                url: _sr('input[name="script_url_345924_40"]').val() + '/' + (typeof document.charset !== 'undefined' ? document.charset : document.characterSet),
                dataType: "script",
                success: function() {
                    _sr('#sr-preload_345924_40').hide();
                }
            });
        }
    });
</script>

<!-- SmartResponder.ru subscribe form code (end) -->

2)

<!-- Скрипт, привязывающий событие click, открывающее модальное окно, к элементам, имеющим класс .btn -->

<script>
$(document).ready(function(){
  //при нажатию на любую кнопку, имеющую класс .btn
  $(".btn").click(function() {
    //открыть модальное окно с id="myModal"
    $("#myModal").modal('show');
  });
});
</script>

Как правильно оформить файл с комментариями: /js/***.js

Заранее большое спасибо за развернутый ответ!