title: Jquery AJAX Effects
body: <p>I am trying to load page with ajax and its working fine without issue but I want to add fadeIn fadeOut effect and loader gif animation.</p>
  
  <p>Can anyone please help me to do that. I am using below code.</p>
  
  <pre><code>$(document).ready(function(){
      // load index page when the page loads
      $("#main").load("content.php");
  
      $("#home").click(function(){
      // load home page on click
          $("#main").load("content.php");
      });
      $("#mediakit").click(function(){
      // load about page on click
          $("#main").load("mm-media-kit.php");
      });
  });
  </code></pre>
  
  <p>I am not experienced with jquery.</p>