[jQuery] How do I cache a page once it has been loaded via AJAX?

[BrandyCRUZñ]

How do I cache a particular page that has been loaded via Ajax GET
request. I want it to stop the GET request after it has been loaded
and simply show data onclick. I set the cache setting to 'true' and it
still calls the request. What am I doing wrong?

<code>

<a id="myLink" href="javascript:;">My Link</a>
<div id="myContainer"></div>

<script>
$(document).ready(function() {
$.ajaxSettings.cache = true;
  $('a#myLink').click(function(){
    $.ajax({type: "GET", url: 'myPage.jsp', cache: true, dataType:
'html',
    success: function(html)
{document.getElementById('myContainer').innerHTML = html;}
  });
});
</script>

</code>