Dynamic image selection by query and html

hello friends in my there are some posts on jquery but today am interesting to post dynamic image selection

in my blog there is so many posts and tut based on jquery ,php, ajax, and html also. I think this is useful to u.

CODE IS :

<script type="text/javascript" src="http://ajax.googleapis.com/
ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function()
{
$('#radio').click(function()
{
$('#female').hide();
$('#male').show();

});
$('#radio1').click(function()
{
$('#female').show();
$('#male').hide();

});


});
</script>
<form>
<input type="radio" name="choose" id="radio" checked="checked"/> male<br />
<input type="radio" name="choose" id="radio1"/> female<br />
</form>
<img id="male" src="male.jpg"></img>
<img id="female" src="female.jpg"></img>

the below code is constant we cant modifyit  the file is in googleapis

"http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"