How to load image with jquery ajax

How to load image with jquery ajax

I have a webpage with a button and image. I add jquery fade in and out effect to the image when button is clicked.  The problem is when button is clicked, the entire page is updated, not the partial update of image only as I want. So I want to know how to get partial update of image only with jQuery ajax. Thanks.

The code is,
  1.             $("#RadioButton2").click(function () {
                       $("#Image1").fadeOut("slow", function () {
                            $("#Image1").attr("src", "images/img3.png");
                            $("#Image1").fadeIn("slow");


  2.             });