Javascript object not working in IE7
<p>I have created the following javascript object dynamically (from PHP):</p>

<pre><code>var t_feed = '';
t_feed += '[';
t_feed += '{name: "Tom Thumb", thumbnail: "images/Tom_Thumb.jpg", link: "http://twitter.com/cnnbrk/statuses/121630545879900161", description: "This is the body of the tweat"},';
t_feed += '{name: "Tom Thumb", thumbnail: "images/Tom_Thumb.jpg", link: "http://twitter.com/cnnbrk/statuses/121622456363524097", description: "This is the body of the tweat"},';
t_feed += '{name: "Tom Thumb", thumbnail: "images/Tom_Thumb.jpg", link: "http://twitter.com/cnnbrk/statuses/121614678341320706", description: "This is the body of the tweat"}';
t_feed += ']';
twitterFeeds[0] = eval(t_feed);
</code></pre>

<p>This works fine in IE8+, but I get the following error in IE7:</p>

<blockquote>
  <p>SCRIPT5007: Unable to get value of the property 'thumbnail': object is
  null or undefined.</p>
</blockquote>

<p>I get this when I try and access the thumbnail property like this:</p>

<pre><code>$.each(twitterFeeds[id], function(i,item){
    alert(item.thumbnail);
});
</code></pre>

<p>Why does that fail in IE7 and is there a different way of defining a list or object that WILL work?</p>
