I have a JSON that returns from the server which tabs to build,
so I init them in my JS like this:

$('#tabs').tabs( 'ajaxOptions', { 
   timeout: 20000, 
   error: function(xhr, status, index, anchor){ 
       console.log( status, index, anchor );
   }
})
.tabs('add', item.CategoryLink, item.CategoryName);

Thing is, when I click a tab, and before it is done loading I click another tab,
the previous request is aborted and never called again when I click that first one again!
this is very bad, because it obviously didn't fetch the request, so what gives?
I tried bypassing this by setting:

.tabs({ cache: false })

but this is a bad thing to do, because I don't want to have a request each time again...
it should be cachced if response was sent.

using jquery-ui 1.8.1