Why won't this jQuery work?
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
     $(document).ready(function (){
	$("#kep").click(function (){
		$("#pic").fadeOut('slow', function (){
			$("#pic").html('<img src="y.jpg">', function (){
				$("#pic").fadeIn('fast');
			});
		});
	  });
    });
    </script>
    <div id="pic">
     <center><img id="kep" src="x.jpg"></center>
    </div>

It's annoying, I don't know why do I fail at these so hard. >.<
Why won't this jQuery work?
===

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
     $(document).ready(function (){
	$("#kep").click(function (){
		$("#pic").fadeOut('slow', function (){
			$("#pic").html('<img src="y.jpg">', function (){
				$("#pic").fadeIn('fast');
			});
		});
	  });
    });
    </script>
    <div id="pic">
     <center><img id="kep" src="x.jpg"></center>
    </div>

It's annoying, I don't know why do I fail at these so hard. >.<