title: How to make a jQuery Horizontal Tab that loads the page once
body: <p>I want a jQuery horizontal tab pane (screenshot below) where clicking on a tab loads an external page in the div but where clicking on it after it is loaded does not load the page again.</p>
  
  <p>There are 7 tabs <code>Wall</code>, <code>Latest</code>, <code>Discussion</code>, <code>Poll</code>, <code>Club Message</code>, <code>Create</code>.</p>
  
  <p><img src="https://i.stack.imgur.com/QwuhM.jpg" alt="http://i.stack.imgur.com/Y2tTx.jpg"></p>
  
  <p>A demo can be seen here <a href="http://www.web-shine.in/tabs/" rel="nofollow noreferrer">http://www.web-shine.in/tabs/</a></p>
  
  <p>I want the TAB to load the page once, and next time the user clicks on it, it should show the page from browser cache, not from the server.  </p>
  
  <p>What is the best way to code this?</p>