backbone.js - Backbone.js でビューがレンダリングされない

Question

ページに検索ボックスを表示しようとしています。私はそれを別の見方に保とうとしています。このボックスビューのないページは正しく機能していますが、BoxView を初期化するとすぐにアンダースコアに関連するエラーが発生します。

Uncaught TypeError: Object [object Object] has no method 'replace' underscore-min.js:29

これが私の見解です

/* Views */

var BoxView = Backbone.View.extend({
    el: '.head',
    initialize: function() {
        this.render();
    },
    render : function(){
        var that = this;
        var template = _.template($('#search-box').html());
        that.$el.html(template);
    }
});

  var boxview = new BoxView();

テンプレート

<script type="text/template" id="search-box">
<form class="navbar-search pull-right" id="search">
<input class="search-query" name="searchText" type="text" id="searchText" placeholder="Search books"/>
<button type="submit" class="btn">Submit</button>
</form>
</script>

編集：タイプミスを削除しました