title: Transparent background in jquery dialog box during an ajax asynchronous call to server
body: <p>I have a jquery dialog box which contain many input fields and a submit button. While submitting the form , an ajax call will fire to server and during this time I need to make dialog box's background as transparent also at this this time submit button should change to ajax loading image. </p>
  
  <p>Please note the commented part inside the ajax function.</p>
  
  <p>My code is here : <a href="http://jsfiddle.net/inDiscover/9396Z/" rel="nofollow">http://jsfiddle.net/inDiscover/9396Z/</a></p>
  
  <h1>Important piece of code.</h1>
  
  <pre><code>$.ajax({
      url:'some url path',
      type:'GET',
      data:{isPDF:0},                                         
      success:function(data,textStatus,xhr)
      {
          setTimeout(function (){
          // I need some logic to implement here to make a transparent background
          // (so that user cant do any thing on background). Also I need to change
          // the submit button to an ajax loading image.                      
          },2000);
  
          (event.preventDefault) ? event.preventDefault() : event.returnValue = false;                                
          $("#prnt_info_sbmt").click();                   
      },              
      error:function(xhr,textStatus,errorThrown)
      {
          alert(errorThrown); 
      }
  });
  </code></pre>
  
  <p>Can any one guide me to make this possible. 
  Your timely help is well appreciated.</p>
  
  <p>Thanks in advance.</p>