title: JQuery load a page in background
body: <p>I have a few menutabs in my website. When the user clicks on one, it expands or hides, but when it does a page is loaded (in the background) to save the way he wants (without refresh).</p>
  
  <p>I'm using this:</p>
  
  <pre><code>function ajaxLink(){
  var age = $("#age").val();
  $.get("&lt;?php echo _SITE_ADDRESS; ?&gt;/linktab/1",{"age":age},function(r){   });
  }
  </code></pre>
  
  <p>It's not meant for this but it works for a single tab; if I want to add more tabs then I have to add more of these and change the function name and in <code>a href</code> I have to add <code>onclick="ajaxLink()"</code>.</p>
  
  <p><strong>(The age var is there for no reason. I can't get it out without breaking the code.)</strong></p>
  
  <p>How can I change this to make it a single jQuery so when a user clicks on a tab with id=1 it goes <code>/linktab/1</code>, tab with id=2 it goes <code>/linktab/2</code>, and so on.</p>
  
  <p>Thanks</p>