JavaScript ID選擇器不起作用？ 不知道出了什么問題

Question

重要的HTML

 <div class="input-group">
     <input type="text" id="q" class="form-control" placeholder="Search for User">
           <span class="input-group-btn">
                  <button class="btn btn-default" id="user_search" type="button"><i id="usersearchicon" class="fa fa-search"></i></button>
            </span>
 </div>
 <div id="user_results">
 </div>

有效的jQuery代碼

<script type="text/javascript">
$(document).ready(function(){
    $("#user_search").click(function(){
        var q = $(".form-control").val().split(/[ ,]+/).join(',');
        $("#user_results").load("{% url 'search' %}?q=" + q);
     });
});
</script>

的jQuery代碼是壞的，我寧願使用。 我用來替換.form-control和ajaxstart ajaxstop的#q id打破了我的想法。

<script type="text/javascript">
$(document).ready(function(){
    $("#user_search").click(function(){
        var q = $("#q").val().split(/[ ,]+/).join(',');
        $("#user_results").load("{% url 'search' %}?q=" + q);
     });
});
$(document).ajaxStart(function() {
    $("#usersearchicon").replaceWith("<i id="usersearchicon" class="fa-li fa fa-spinner fa-spin"></i>");
}).ajaxStop(function() {
    $("#usersearchicon").replaceWith("<i id="usersearchicon" class="fa fa-search"></i>");
});
</script>

任何想法出了什么問題我都是javascript和jQuery的新手，並且我正努力使事情正常進行並查找語法錯誤。 我覺得我在那里95％，但不知道出了什么問題。

我將其中一些代碼用作從http://www.nomadjourney.com/2009/01/using-django-templates-with-jquery-ajax/構建的起點

編輯：固定id q引號不能相信那是哈哈。 ajaxStart代碼仍然損壞。

Answer 1

在HTML中定義ID時，請仔細查看'q'周圍的引號-它們是特殊的風格化引號。 將它們更改為常規引號，它應該可以工作！