title: split dynamic content loading in multiple loading steps
body: <p>Maybe the title is bit off but I dont know how else to put it.</p>
  
  <p>I have a script which allows to display Bing search results on keyup(jquery) The number of results can be set to a maximum of 50 results for each request. What I would like for my website is the ability to show only the first 10 results and by clicking a div each time other ten results would appear. </p>
  
  <p>I can hide/show but that would mean that the 50 results would be loaded anyway which I want to avoid because of loading time. </p>
  
  <p>Please take a look at this example to have a better understanding: <a href="http://demo.tutorialzine.com/2010/09/google-powered-site-search-ajax-jquery/search.html" rel="nofollow">Google Powered site search</a>   </p>
  
  <p>This is exactly what Im looking for but I dont understand the coding..</p>
  
  <p>This is the actual script Im using: <a href="http://jsfiddle.net/dVqwD/" rel="nofollow">JsFiddle</a></p>
  
  <p>Any help would be appreciated.</p>