jQuery is not defined and could not find why?
<p>My jQuery code is not working and in firebug console it says: "jQuery is not defined". I have checked jQuery is loading but I still not getting why its showing error. </p>

<p>Site URL is given in comment below so I can remove it when issue resolved. Your help will be appreciated. </p>

<p>My jQuery code looks like: </p>

<pre><code>( function($) {
$(document).ready(function() {
$("form#add #divOptionsBlock .item img").css("visibility","hidden");

$('#divOptionsBlock .txtBoxStyle:first').change(function() {

    var fpath = $("#divOptionsBlock .item img").attr("src") ;

    var finalimage = 'http://shop.daactive.com/thumbnail.asp?file='+fpath+'&amp;maxx=300&amp;maxy=0';

    var fpath2 = $("form#add img#large").attr("src",finalimage);

    var imagepath_ahref="http://shop.daactive.com/"+fpath;
    var fpath3 = $("form#add a#listing_main_image_link").attr("href",imagepath_ahref);

    var fpath4 = $("form#add a#listing_main_image_link .MagicBoxShadow img").attr("src",imagepath_ahref);


    var textvalue = $('#divOptionsBlock .txtBoxStyle:first option:selected').text()
    $("#imagecaptiont").html(textvalue);


});
 });    
 } ) ( jQuery );
</code></pre>
