Drupal jQuery noConflict - working for alert by not css change

Im using the jQuery noConflict method here: http://drupal.org/node/1058168

Now, both of the following work:

$jq("document").ready(function(){
    alert('alert');
});

$("document").ready(function(){
    alert('alert');
});

However this does work:

$("document").ready(function(){
    $(".view-pr开发者_如何学JAVAoduct-slideshow .pager-num-1 img").css("display","none");
});

But this does not:

$jq("document").ready(function(){
    $jq(".view-product-slideshow .pager-num-1 img").css("display","none");
});

Ive used the noConflict method once before and it worked fine. Ive no idea why it would work for the alert but not the CSS change.

My site is here: http://smartpeopletalkfast.co.uk/pp4/shop/baby-essentials/sleepsuit-plush

Thanks

UPDATE - Ive now removed the extra code from script.js so all thats there is:

//Hide thumnail on product page thats being used as main image 
$jq("document").ready(function(){
    $jq(".view-product-slideshow .pager-num-1 img").css("display","none");
});

your error is on line 61 of ur script.js:

Uncaught TypeError: Object # has no method 'smoothDivScroll'

also in that file u should have everything wrapped in the .ready() not every individual thing

Turns out the element I was trying to target with jQuery was itself generated by javascript. Changing my document.ready to window.load fixed this.

When using the noconflict mode of jQuery, you should use this:

jQuery(document).ready(function($){
    $(".view-product-slideshow .pager-num-1 img").css("display","none");
});

jQuery is the new $ and you can pass jQuery as $ to your function().

Also, it's document and not "document"