[Solved] elevateZoom not working in Master Page in ASP.Net

Hi,

Am using elevateZoom for zooming purpose

When i used it in ordinary webform it works fine.

But when i used the Webform with Master page, it is not working.

Help me to solve this problem.

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
      <script type="text/javascript" src="elevate/jquery-1.8.3.min.js"></script> 
    <script src="elevate/jquery.elevateZoom-3.0.8.min.js" type="text/javascript"></script> 
    <asp:Image ID="image1" runat="server" ImageUrl="~/Images/butterfly.jpg" Height="250px" Width="280px" data-zoom-image="~/Images/butterfly.jpg" />
    
     <script type="text/javascript">
         $(function () {            
             $("#images").elevateZoom();             
         });
        </script>
</asp:Content>

Thank you.