title: Ajax call after page load
body: <p>I am trying to build a search page where the user inputs text into a search box and the page is generated based on the search. I am having timing issues because the blank search page is loading after the JS tries to edit the values on the page.</p>
  
  <pre><code>$.ajax({
      type: 'GET',
      url: '/index.php/content/generate_search',
      data: {
          search: input.val()
      },
      beforeSend: function() {
          window.location.href = '/index.php/content/search';
      },
      success: function() {
          $('.hero h1').text(input.val());
      }
  });
  </code></pre>