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

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

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?

<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>