title: Smooth fading after Ajax with JQuery
body: <p>I am using jquery ajax for changing page in my website. my code is this:</p>
  
  <pre><code>$('#'+target).fadeOut('slow', function(){
          $('#' + target).children().remove().end().append('&lt;div style="width:' + loadingImageWidth + 'px;height:' + loadingImageHeight + 'px;background-color:black;-moz-border-radius:15px;"&gt;&lt;/div&gt;');
          $('#'+target).fadeIn('slow', function(){
              $.ajax({
                  type: type,
                  url: url,
                  success: function(msg){
                      $('#'+target).fadeOut('slow', function(){
                          $('#'+target).html(msg);
                          $('#'+target).fadeIn('slow', function(){});
                      });
                  }
              });
          });
      });
  </code></pre>
  
  <p>My problem is when I use fading, "#target" div's width and height change, so, my page's scroll change and it is really annoying because it seems that the page is jumping up and down ! I want to know how can I use the JQuery fading with a smooth effect.
  thanx guys.</p>