Execute 2nd Jquery only after completion of prior Jquery

Execute 2nd Jquery only after completion of prior Jquery

Dear All 

I want to Execute 2nd Jquery only after completion of prior  Jquery

in 1st JQUERY 
i.e.  $('#selectheaderdiv').load(prog);  

I am upodating the required table 

and I want to 

exeute 2nd JQUERY 

i.e. $('#selectheaderdiv').load(prog);    // 2nd task    

only after completing execution of 1st one
i,e
 $('#selectheaderdiv').load(prog);     // 1st task 

Pls help

At present  JQUERY given below 2nd JQUERY gets  executed even before 1st one
 


 $("#addheader").click(function () {
     var keyword=$('#keyword').val();
var recordid=$('#recordid').val();

     var prog="updateheader.php?keyword="+keyword+"&&recordid="+recordid;

  $('#selectheaderdiv').load(prog);     // 1st task 
  $('#selectheaderdiv').show(1000);
  var prog="selheaderrefresh.php";
  $('#selectheaderdiv').load(prog);    // 2nd task   
});

Help me