为什么我无法通过Jquery与Django表单元素进行交互

Question

我将以下搜索表单呈现为HTML模板。

<form id="resource-search-form" action="{% url 'stock:resource_search_view' %}" method="POST">
      {% csrf_token %}
      <input type="text" name="query" id="id_query" maxlength="50">
      <button class="btn btn-success" style='position:relative;top:-10px;left:-72px;'>Search</button>
</form>

问题是，每当我尝试通过某种JavaScript与元素进行交互时，该命令基本上都是“忽略的”。为了说明这一点，我在表单下方添加了另一个输入，并尝试以相同的方式与之交互，并且按预期运行。

<input id="test" type="text" name="test" maxlength="50">

我可以确认这一点，因为我使用以下内容进行了演示：

$(document).ready(function() {
    $('#id_query').val("This doesn't work");
    $('#test').val("This does work");
  });

哇，瞧瞧，id为test的输入中有一个值“ This work work”，而id_query为空...

有人能启发我为什么会发生这种情况，并提供解决问题的方法吗？