title: How to get a template to render with Backbone.js
body: <p>I'm busy building a platform for games you have completed. I do this using the Giantbomb API.</p>
  
  <p>The following code is me testing out the API. I want to give back a random game using the user's input. So if a user searched for Mario, he could get back any Mario game released. </p>
  
  <p>I can't seem to render a template. I can get of loads of information from the API but I only need the name of the game, it's platform and it's release date.</p>
  
  <p>I am new to Backbone.js so I don't know what is wrong.</p>
  
  <p><strong>Main view</strong></p>
  
  <pre><code>var LibraryView = Backbone.View.extend({
   el:$('body'),
   game_template: _.template($("#gametemplate").html()),
   url: url = "http://www.giantbomb.com/api/search/?api_key=[KEY]&amp;format=json",
   events:{
       "keypress input":"findGames"
  },
  
  findGames:function(e){ 
    if(e.which == 13){
    self = this;
    query = $(".searchfield").val()
    url = url +"&amp;query="+ query;
    $.getJSON(url, function(data){
      var games = data.results
      var game = games[Math.floor(Math.random() * 5)];
      var content = self.game_template({});
      self.$el.append(content);
      $('.main-game').css("display", "block");
      });
    }
  }
  </code></pre>
  
  <p><strong>Index.html</strong></p>
  
  <pre><code>&lt;script type="text/template" id="gametemplate"&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;%= name %&gt;&lt;/
    &lt;li&gt;&lt;%= original_release_date %&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Giantbomb API docs <a href="http://www.giantbomb.com/api/documentation#toc-0-38" rel="nofollow">http://www.giantbomb.com/api/documentation#toc-0-38</a></p>
  
  <p>I am really clueless.</p>