I am tyying to crop image in asp.net C # using Jquery . But I am not able to crop it.

<link href="Styles/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
   <script type="text/javascript" src="Scripts/jquery.Jcrop.js"></script>
   <script type="text/javascript">
       jQuery(document).ready(function () {
           jQuery('#CustPhoto').Jcrop({
               onSelect: storeCoords
           });
       });

       function storeCoords(c) {
           jQuery('#X').val(c.x);
           jQuery('#Y').val(c.y);
           jQuery('#W').val(c.w);
           jQuery('#H').val(c.h);
       };

   </script>

<td class="style11" rowspan="5">
                <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                    <ContentTemplate>
                        <asp:Image ID="CustPhoto" runat="server" Width="16px" />
                      </ContentTemplate>
                    </asp:UpdatePanel>
                    </td>