title: Only load 5 XML entries with jQuery
body: <p>Right now all the XML nodes are showing on the page. I only want to show 5. 
  Then when the user presses "View More", I want 5 more to appear. </p>
  
  <p>Here is my code so far, that is showing all nodes:<br></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  $(document).ready(function() {
      $.ajax({
          type: "GET",
          url: "feed.xml",
          dataType: "xml",
          success: parseXml
      });
  });
  
  function parseXml(xml) {
      $("#main").html("&lt;div id='box'&gt;&lt;div id='title'&gt;Latest from gulfnews.com&lt;/div&gt;");
      $(xml).find("item").each(function() {
          $("#box").append("&lt;div class='article'&gt;&lt;span class='title'&gt;&lt;a target='_blank' href='"+$(this).find("link").text()+"'&gt;"+$(this).find("title").text()+"&lt;/a&gt;&lt;/span&gt;&lt;h2&gt;"+$(this).find("title").text()+"&lt;/h2&gt;&lt;/div&gt;");
      });  
  }
  
  &lt;/script&gt;
  </code></pre>