JQuery Fading Effect On Button Control

Code for fade effect on the button click event using JQuery function.

<script type="text/javascript">

$(document).ready(function()
{
          //Event Fire When User Will Click On The MyButton...
          $("#MyButton").click(function()
          {
                    //It Will Create Transparent Effect On MyButton Control...
                     $("#MyButton").fadeTo("slow",0.30);
          });
});

</script>

<input id="MyButton" type="button" value="Transparent Effect"/>