jQuery not calling each other
<p>Hi I have another issues was just previously solved by member of stackoverflow, really thank you for their prompt reply and professional. The below is JS code where i found that ibox is not calling at all. </p>

<pre><code>(function($) {
    $.fn.ibox = function() {
        // set zoom ratio //
        alert("asdfas");
        resize = 20;
        ////////////////////
        var img = this;
        img.parent().append("&lt;div id='ibox' /&gt;");
        var ibox = $("#ibox");
        var elX = 0;
        var elY = 0;

        img.each(function() {
            var el = $(this);

            el.mouseenter(function() {
                ibox.html("");
                var elH = el.height();
                elX = el.position().left - 6; // 6 = CSS#ibox padding+border
                elY = el.position().top - 6;
                var h = el.height();
                var w = el.width();
                var wh;
                checkwh = (h &lt; w) ? (wh = (w / h * resize) / 2) : (wh = (w * resize / h) / 2);

                $(this).clone().prependTo(ibox);
                ibox.css({
                    top: elY + "px",
                    left: elX + "px"
                });

                ibox.stop().fadeTo(200, 1, function() {
                    $(this).animate({top: "-="+(resize/2), left:"-="+wh},400).children("img").animate({height:"+="+resize},400);
                });
            });

            ibox.mouseleave(function() {
                ibox.html("").hide();
            });
        });
    };
});

$(document).ready(function() {
    $("#clickMe").click(function () { 
    alert("Me");
    }); 

    var html = "";
    var num = 1;

    for (var idx=0; idx&lt;100; idx++)
    {
        if( num == 4) num = 1;
        html += "&lt;img src='image/img" + num + ".jpg' class='grayscale' /&gt;";
        num ++;
    }  
    $("#images").html(html);

   $("#images img").ibox();


});
</code></pre>

<p>do i miss out any calling step here? Please help.
Thanks</p>
