Dear Experts,

I have following codes

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<META content="text/html; charset=windows-1252" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.7600.16912">

<style type="text/css">

.back	{clear:both;width:100px;height:30px;padding:5px;color:green;font-style:bold;}

h3	{color:blue;font-style:bold;BACKGROUND: url(hotmail2.jpg) no-repeat center #90bade;line-height:30px;}

#box	{width:275px;height:275px;padding:5px;margin:5px;background:#e3eeff;text-align:center;border:1px solid #069;}
</style>

<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script type="text/javascript" src="jquery.corner.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$('input[name="RD"]').click(function(){
alert("Please note \n Image corners will be rounded now")
        $("imgBox").corner("35px");
    });
  });

</script>

</head>

<body>
<center>
<h1>JQuery Tutorials</h1>

<div id="box">
	<H3>Rounded Corners</H3>
	<div id="imgBox"><img src="bg8.jpg" alt="" width=200 height=200></div><br>
	<input type="submit" class="back" name="RD" value="Apply">
</div>
</center>

</body>

</html>
I want to apply rounded corners to image.
For this when I press Apply button, then it does not work.
Please help me to locate where is what is wrong with my codes.

The attachment contains HTML file and Libraries.

Thanks