Вопрос по правильному подключению файла (с Java-Script) к шаблону страницы

 
 
{add_js file='includes/jquery/tabs/jquery.ui.min.js'}
{add_css file='includes/jquery/tabs/tabs.css'}
{literal}
 

 
 
{add_js file='includes/jquery/tabs/jquery.ui.min.js'}
{add_css file='includes/jquery/tabs/tabs.css'}
{add_js file='components/users/js/astro_ep.js'}
{literal}
 

var obj = document.getElementsByTagName('img');
alert(obj.length);

        <div style="padding:5px; padding-bottom:15px; margin-bottom:20px;">
            <input style="font-size:16px" name="save2" type="submit" id="save2" value="{$LANG.CHANGE_PASSWORD}" />
        </div>
    </form>
</div>
{add_js file='components/users/js/astro_ep.js'}

{literal}
<script type="text/javascript">
var obj = document.getElementsByTagName('img');
alert(obj.length);
</script>
{/literal}

$(document).ready(function() {
  var obj = document.getElementsByTagName('img');
  alert(obj.length);
});

 
$(function() {
    var images = $('img');
    console.log('найдено: '+images.length+' изображений');
});