title: zRSSFeed - Selecting RSS feeds from a menu with ticker animation + jQuery Mobile (PhoneGap)?
body: <p><strong>Problem:</strong> after selecting a feed from the list and pressing a button to return to the home div jQuery reloads the whole page and only the title (without any feeds) of the new selected webpage is shown.
  By default, before choosing this specific option (selecting a feed) on another div page, the title ("Reuters Oddly Enough News") and the feeds are being shown without any problems.</p>
  
  <p><strong><code>&lt;div data-role="page"&gt;</code>code below<code>&lt;/div&gt;</code></strong></p>
  
  <pre><code>&lt;h4&gt;Select a feed from the list below&lt;/h4&gt;
  &lt;select id="menu"&gt;
                  &lt;option value="http://feeds.reuters.com/reuters/oddlyEnoughNews"&gt;Reuters Oddly Enough News&lt;/option&gt;
                  &lt;option value="http://feeds.bbc.co.uk/iplayer/highlights/tv/list"&gt;BBC iPlayer TV Listing&lt;/option&gt;
                  &lt;option value="http://rss.cnn.com/rss/edition.rss"&gt;CNN News&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>Selecting RSS feeds from a menu with ticker animation:</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  
                  setRSSFeed('#menu');  
  
                  $('#menu').change(function() {
                                  setRSSFeed(this)
                  });
  
                  function setRSSFeed(obj) {
                                  var feedurl = $('option:selected', obj).val();
  
                                  if (feedurl) {
                                                  $('#test').rssfeed(feedurl,{}, function(e) {
                                                                  $(e).find('div.rssBody').vTicker();
                                                  });
                                  }
                  }
  });
  &lt;/script&gt;
  </code></pre>