我的浏览器没有'I don’我不认为我的Javascript是..Javascript

HTML:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="/js/grabber.js" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function() {
            $('#search-js').submit(function() {
                var username = $("#bar-js").val();
                var result = grab(username);
                alert(result);
                $(".contents").html(result["twitter"]);
            });
        });
</script>

js/grabber.js:

function grab(username) {
    //var results = {};
    // run all the things
    //results["twitter"] = check_twitter(username);
    // return your (huge) map
    //return results;
    return "stuff";
}

当我触发函数时，什么都不会发生。如果我把grabber.js中的代码嵌入到页面中，它就可以工作了。当我用Chrome查看源代码并点击js/grabber.js链接（在HTML中）时，Chrome会尝试下载文件而不是显示它。如果我点击谷歌的jQuery链接，它就会显示出来。

我是javascript世界的新手，但我已经做了一段时间了，似乎无法理解。

编辑：

Chrome开发工具给了我这个：

Resource interpreted as Script but transferred with MIME type text/x-js: "http://0.0.0.0:8000/js/grabber.js".

我正在使用Python的SimpleHTTPServer来创建一个用于快速开发的临时服务器。这会是问题所在吗？