Dependencies used
<script src="<c:url value="/resources/js/jquery-min-1.11.1.js"/>"
type="text/javascript" language="JavaScript"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

 jQuery( "#tab2" ).tabs({
    disabled: [0]
    });
 jQuery.ajax({...
  .... })
  .done(function(result){
    jQuery( "#tab2" ).tabs( "enable", 0);

jQuery( "#tab1" ).tabs({
    disabled: [0]
    });
 jQuery.ajax({...
  .... })
  .done(function(result){
    jQuery( "#tab1" ).tabs( "enable", 0);

Problem : It is still allowing to click tab2 before completion of tab1
ajax call.On multiple clicks on tab1,tab2,tab1,tab2,tab1,tab2 fastly.
the data is not shown correctly.

Please let me know .