JS-скрипт в HTML-шаблоне Django

Question

Я хочу получить бесконечный свиток своих сообщений. Ниже мой файл .html и скрипт. (Я установил статические и т. Д. Правильно). Как разместить скрипт JS между <div id="test"> в html?
мой django .html:

{% block content %}
  <div id="test">
  {% for post in posts %}
    {{post.title}} | {{post.text}}        
  {% endfor %}
  </div>
{% endblock %}

JS код:

$(window).scroll(function()
{
    if($(window).scrollTop() == $(document).height() - $(window).height())
    {
          $("#test") //HERE SUPPOSED TO BE MY CODE is #test ok?
    }
});

Так как я могу разместить код JS? {% block content %} и {% endblock %} должны быть внутри скрипта JS. Как это сделать: (