title: Scrolling Twitter Feed Using jQuery
body: <p>So I'm trying to create a scrolling twitter feed. I followed the instructions from this tutorial.</p>
  
  <p><a href="http://andreaslagerkvist.com/archives/2011/06/24/how-to-create-a-scrolling-twitter-feed-using-jquery/" rel="nofollow">http://andreaslagerkvist.com/archives/2011/06/24/how-to-create-a-scrolling-twitter-feed-using-jquery/</a></p>
  
  <p>It doesn't work properly.  Starts to load then goes white. I noticed something in the comments that suggested how to correct the problem, which I thought I implemented properly, but it still doesn't work.  If someone's familiar with this, what code needs to be changed from the original in order to get this to work?</p>
  
  <p>I believe it has something to do with this:</p>
  
  <pre><code>// This replaces the &lt;p&gt;Loading...&lt;/p&gt; with the tweets
              insertLatestTweets: function (username) {
                  var limit   = 5;    // How many feeds do you want?
                  var url = 'http://api.twitter.com/1/statuses/user_timeline.json?screen_name= + username + '&amp;count=' + limit + '&amp;callback=?';
  
                  // Now ajax in the feeds from twitter.com
                  $.getJSON(url, function (data) {
                      // We'll start by creating a normal marquee-element for the tweets
                      var html = '&lt;marquee behavior="scroll" scrollamount="1" direction="left"&gt;';
  
                      // Loop through all the tweets and create a link for each
                      for (var i in data) {
                          html += '&lt;a href="http://twitter.com/' + username + '#status_' + data[i].id_str + '"&gt;' + data[i].text + ' &lt;i&gt;' + Twitter.daysAgo(data[i].created_at) + '&lt;/i&gt;&lt;/a&gt;';
                      }
  
                      html += '&lt;/marquee&gt;';
  </code></pre>