title: load a page + ajax call automactically using external link (with Jquery)
body: <p>I have a page that loads segments of info when links in the sidebar are clicked.</p>
  
  <p><a href="http://www.youarehere.im/other-financial-services.html" rel="nofollow">http://www.youarehere.im/other-financial-services.html</a></p>
  
  <p>All works fine.</p>
  
  <p>I also want to link to this page from the index.html file, but have the relevent section load in automatically, rather than its default state.</p>
  
  <p>So on the home page, the "accounts" link loads up "other-financial-services.html" AND automatically requests the ajax call for the "accounts" link from the server.</p>
  
  <p>Any ideas? I know this Jquery snippet is completly wrong but I am very new to front side scripting and am shooting in the dark!</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="box accounting"&gt;&lt;h2&gt;&lt;a id="service_accounts"&gt;Accounting&lt;/a&gt;&lt;/h2&gt;&lt;/div&gt;
  </code></pre>
  
  <p>JQuery:</p>
  
  <pre><code>$(document).ready(function() {
      $.ajaxSetup({
          cache: false
      });
  
      var ajax_load = "&lt;img src='img/load.gif' alt='loading...' /&gt;";
      var load_services = "other-financial-services.html";
      var accounts = "accounts.php";
  
      $('#service_accounts').click(function() {
          $.get(load_services).load(accounts);
      });
  });
  </code></pre>