Javascript文件/ jQuery未呈现

Question

I'm pretty sure there's something wrong with the way I'm rendering the file because everything else looks pretty solid, please let me know if it's not. nothing is showing up on my bar where it should since I'm using keyup. Not even an error which I think means jquery is not being rendered. Here;s my code

javascript file

$(function(){

    $('#search').keyup(function() {

        $.ajax({
            type: "POST",
            url: "/search/",
            data: { 
                'search_text' : $('#search').val(),
                'csrfmiddlewaretoken' : $("input[name=csrfmiddlewaretoken]").val()
            },
            success: searchSuccess,
            dataType: 'html'
        });

    });

});

function searchSuccess(data, textStatus, jqXHR)
{
    $('#search-results').html(data);
}

index.html

{% csrf_token %}
      <input type="text" id="search" name="search" />

      <ul id="search-results">

      </ul>

I'm matching id as search but nothing shows up

my javascript file is in my static folder->another static->js>then ajax.js so this is how I did <script src="{% static 'js/ajax.js' %}"></script>

Not sure if my python code is right, because it's not being rendered at all. Here;s my python code

def search_titles(request):
    if request.method == "POST":
        search_text = request.POST['search_text']
    else:
        search_text = ""

    categories = Category.objects.filter(name__contains=search_text)
    return render_to_response('ajax_search.html',{'categories':categories})

ajax search.html is

{% if categories.count > 0 %}

{% for category in categories %}
    <li><a href="/category/{{post.category}}">{{ category.title }}</a></li>
{% endfor %}

{% else %}

<li>None to show!</li>

{% endif %}

Answer 1

I think you wanted to use self invoking anonymous function but actually you forgot to call it.

$(function(){
    ...
})();