django html模板中的JS脚本

Question

我希望我的帖子有无限卷轴。下面是我的.html文件和脚本。 （我已设置静态等正确）。如何在html中<div id="test">之间放置JS脚本？ 我的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脚本中。怎么做：（