title: How can I get Tweet Timeline with using Backbone.js?
body: <p>I'm a beginner for Backbone.js.
  I've finished some tutorials.</p>
  
  <ul>
  <li><a href="http://backbonejs.org/docs/todos.html" rel="nofollow">http://backbonejs.org/docs/todos.html</a></li>
  <li><a href="http://coenraets.org/blog/2011/12/backbone-js-wine-cellar-tutorial-part-1-getting-started/" rel="nofollow">http://coenraets.org/blog/2011/12/backbone-js-wine-cellar-tutorial-part-1-getting-started/</a></li>
  </ul>
  
  <p>I want to create a non-tutorial app by myself and try to create simple app that display tweet timeline using Backbone Collection or Model.</p>
  
  <p>Here is my code.
  (oauth.js and sha1.js are included in HTML)</p>
  
  <pre class="lang-js prettyprint-override"><code>$(function(){
  
  var Tweet = Backbone.Model.extend({
  });
  
  var Twitter = Backbone.Collection.extend({
      model: Tweet,
      initialize: function(api){
          this.consumerKey = //consumerKey;
          this.consumerSecret = //consumerSecret;
          this.accessToken = //accessToken;
          this.accessTokenSecret = //accessTokenSecret;
  
          this.message = {
              method: "GET",
              action: api,
              parameters: {
                  oauth_version: "1.0",
                  oauth_signature_method: "HMAC-SHA1",
                  oauth_consumer_key: this.consumerKey,
                  oauth_token: this.accessToken
              }
          };
      },
  
      getTimeline: function(){
          var accessor = {
              consumerSecret: this.consumerSecret,
              tokenSecret: this.accessTokenSecret
          };
  
          OAuth.setTimestampAndNonce(this.message);
          OAuth.SignatureMethod.sign(this.message, accessor);
          this.url =  OAuth.addToURL(this.message.action, this.message.parameters);
          var options = {
              success: function(data, res){
                  console.log(data);
                  console.log(res);
              }
          };
          this.fetch(options);
      },
  
      sync: function(method, model, options){
          options.timeout = 10000;
          options.dataType = 'jsonp';
          return Backbone.sync(method, model, options);
      }
  
  });
  
  var twitter = new Twitter("https://api.twitter.com/1.1/statuses/home_timeline.json");
  twitter.getTimeline();
  });
  </code></pre>
  
  <p>When I refreshed HTML page but 401 authorized massage is displayed in the  console of Chrome Developer Tool.
  I could get timeline without Backbone.js.</p>
  
  <p>Please teach me how should I fix it. </p>
  
  <p>Thank you for your kindness.</p>