Jquery each and Google API - Page is reloading, but why?
<p>i have a little problem with the Google Feed API and jquery each. </p>

<p><strong>The problem:</strong></p>

<p>I get a reload when i click on the start button.</p>

<p>Can somebody explain me why?</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;input type="button" onclick="tkk_rss_check();" value="start"/&gt;
</code></pre>

<p><strong>JS</strong></p>

<pre><code>$(document).ready(function trt()
{   
    tkk_rss = {};
    tkk_rss['32'] = new Array("gulli:News", "http://ticker.gulli.com/rss", "0", "gulli:News", "0", "gle", "0");  
    tkk_rss['36'] = new Array("Golem.de", "http://rss.golem.de/rss.php?feed=RSS1.0", "155", "IT-News fuer Profis", "0", " ", "0");  
    tkk_rss['37'] = new Array("Heise", "http://www.heise.de/open/news/news-atom.xml", "156", "", "0", "", "0"); 

});

function tkk_rss_check()
{
     $('body').append('Start&lt;hr /&gt;');
     google.load("feeds", "1");

     $.each(tkk_rss, function(i, val)
     {
        function initialize() {
          var feed = new google.feeds.Feed(''+tkk_rss[i][1]+'');
          feed.setNumEntries(10);
          feed.load(function(result) {
            if (!result.error) {
              for (var i = 0; i &lt; result.feed.entries.length; i++) {
                var entry = result.feed.entries[i];
                var attributes = ["title", "link", "publishedDate", "content", "contentSnippet"];
                $('body').append(''+entry[attributes['0']]+' &lt;br /&gt;');
              }
            }
          });
        }
        google.setOnLoadCallback(initialize);

     });
}
</code></pre>

<p>working example
<a href="http://www.jsfiddle.net/V9Euk/587/" rel="nofollow">http://www.jsfiddle.net/V9Euk/587/</a></p>

<p>Thanks in advance!
Peter</p>
