jQuery selector/zoom
<p>I have a web form and trying to use jquery to enable zoom on one of the images. The form code structure is like this:</p>

<pre><code>&lt;asp:FormView ID="frmVwStyle" runat="server" DefaultMode="Edit"  &gt;

    &lt;ItemTemplate&gt;
    ...
    &lt;/ItemTemplate&gt;
    &lt;EditItemTemplate&gt;
        &lt;table width="690"&gt;
        &lt;tr&gt;
        &lt;td width="280" align="left" valign="top"&gt;
        &lt;div class="style-image" href='&lt;%# ... %&gt;'&gt;
            &lt;a href='' title="" id="SwatchBox" class="swatchImage" style='display:none;'&gt;&lt;img id='SwatchImage' src='' alt='' /&gt;&lt;/a&gt;
            &lt;a href='&lt;%# ... %&gt;' zoom='&lt;%# ... %&gt;' rel="lightBox" title="..." id="..." class="styleImage-magnify" &gt;&lt;%# ...%&gt;&lt;/a&gt;

            &lt;img id="TargetImage" border="0" src= "images/haydensmall.jpg" style="width:250px;height:338px"&gt;

        &lt;/div&gt;
        &lt;/td&gt;
    ...
</code></pre>

<p>And I got the following script on top of the page.The .addimagezoom is a plugin which is working fine if the selector can select my image properly. </p>

<pre><code>$(document).ready(function () {
                        $("#TargetImage").addimagezoom({ // single image zoom
                    zoomrange: [3, 10],
                    magnifiersize: [100, 100],
                    magnifierpos: 'right',
                    cursorshade: true,
                    largeimage: 'images\\hayden.jpg' 
                });

            }
</code></pre>

<p>But it could not select the image. I also tried the following:</p>

<pre><code>    $(document).ready(function () {

            $(".style-images").find("#TargetImage").addimagezoom({  // or this one  $("#frmVwStyle").find(".style-images").find("#TargetImage").addimagezoom
                zoomrange: [3, 10],
                magnifiersize: [100, 100],
                magnifierpos: 'right',
                cursorshade: true,
                largeimage: 'images\\hayden.jpg' 
            });

        }
</code></pre>

<p>still not working. Any idea?</p>

<p>P.S. jquery-1.3.1 has been used in this project and I cant change it at the moment because of some incompatibilities.</p>
