title: loading content asynchronous as to not slow down site load time
body: <p>I have a search engine, and at the bottom of the results, it has recommended similar words. However the similar words function takes a while to load. For user experience I wanted to first show the search results, and then load the similar words, once the search results were shown, or asynchronous as to not slow down the page load.</p>
  
  <p>My two ideas were, 1. to call the similar words function once the container for it has been loaded (the container is below the search results). For this I was using:</p>
  
  <pre><code>$('#search_similar_cont').ready(function(){
      // load similar words function through ajax
  });
  </code></pre>
  
  <ol start="2">
  <li><p>My other idea was to load it once the search results had finish loading, </p>
  
  <p>$('#search_results').load(function(){
      // load similar words function through ajax
  });</p></li>
  </ol>
  
  <p>However, none actually worked, I also tried using on(). Therefor, I am not sure how to create the event to load content asynchronous on the site really. Also I am not even sure if this is the best approach to achieve what I am after. </p>
  
  <p>What is the best way of loading a function (that is quite slow), without slowing down the main function of the page?</p>