title: JQuery Elevate Zoom Plugin not working
body: <p>Hey I have got a jQuery elevatezoom plugin in my .aspx page but it doesn't work.
  After debugging, src image is visible as defined in  tag below but there is only a pointer doing nothing instead of lens and hence plugin functionality doesn't seem to work at all.
  Here is my code.</p>
  
  <pre><code>&lt;div&gt;                                
      &lt;img id="testimage" runat="server" src='~/Content/images/image1.jpeg'
                     data-zoom-image="~/Content/images/image2.jpeg" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my JS Code:</p>
  
  <pre><code>&lt;asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"&gt; 
  &lt;script src="Libraries/jquery-1.8.3.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="Libraries/jquery.elevateZoom-2.5.5.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
            $(document).ready(function(){
                $("#testimage").elevateZoom({
                    zoomType: "lens",               
                    lensShape: "round",
                    lensSize: 200
             });
            }); 
  
  &lt;/script&gt;
  &lt;/asp:Content&gt;
  </code></pre>
  
  <p>Any help would be appreciated!
  Thanks.</p>