title: Jquery Dialog , showing animated gif when ajax fetching
body: <p>I'm loading a dialog box using an ajax call. I'd like to add an
  animated gif to the dialog while the ajax fetch is running, and have
  it go away when the fetch is complete. </p>
  
  <p>My main functions which set and open dialog are as follows</p>
  
  <pre><code>    function showDetail(sipId) {
      ShowWOrderRows(sipId);
      $("#Container").data('title.dialog', 'Details of Order ' + sipId); 
      $("#Container").dialog("open");
      return false;
      }
  $(function () {    
              $("#Container").dialog({
                  autoOpen: false,
                  modal: true,
                  height: 300,
                  width: 650
              });    
          });
  </code></pre>
  
  <p>and on <strong>ShowWOrderRows</strong> function I am fetching data with <code>$.ajax({ //some options  });</code></p>
  
  <p>and filling that data to <code>$('#Container')</code>.</p>
  
  <p>What's the simplest way to do this?</p>
  
  <p>Thanks in advance.</p>