I am stuck in traversing in the jquery.
when i console.log($('image')); i will get as follows
<div class="product-img-box" id="image">
<div id="wrap" style="top:0px;z-index:1;position:relative;"><a href="mydomain.com/media/catalog/product/c/e/ceramic_straightner_-_s3_red_black_1_1.jpg" class="cloud-zoom" id="zoom" rel="zoomWidth:'330', zoomHeight:'330', position:'right', adjustX:0, adjustY:0, lensOpacity:0.5, smoothMove:3, showTitle:'true', titleOpacity:0.5" style="position: relative; display: block;">
<img src="mydomain.com/media/catalog/product/cache/1/image/550x550/9df78eab33525d08d6e5fb8d27136e95/c/e/ceramic_straightner_-_s3_red_black_1_1.jpg" alt="Ceramic Straightner" style="width: 550px; display: block;" title="">
</a><div class="mousetrap" style="z-index: 999; position: absolute; width: 456px; height: 456px; left: 0px; top: 0px; cursor: move; background-image: url(mydomain.com/index.php/straighteners/);"></div></div>
</div>
I am trying to traverse to the img tag.how can i access.
console.log($('image'));
orconsole.log($('#image'));
find
method.console.log($('#image img'));