Jquery works in jsfiddle but not in my cart. Expresso Store

Question

I have been working on some jQuery in jsfiddle and I currently have it working. However, when I apply the exact same script to my Expresso Store using EE it doesn't work. It's not outputting in js errors in Firebug. Any ideas?

Here is the fiddle http://jsfiddle.net/NnEdM/11/

And here is my site http://spartonenterprises.com/store/playground-mulch

Answer 1

This may not be the prettiest solution but, I got it working by removing the inline float:left and adding it to my css instead. Just to pass along, I wrote this jQuery to add mouse over functionality to swap product images, change the value of my select modifier, change the SKU and price on thumbnail mouseover.

 $(document).ready(function () {

        $('#fandeck #18 a').hover(function () {
           $(this).css('cursor','hand');
        $('.group').hide();
        $('#43').show();
            $('#selectImg').val('44').prop('selected', 'selected');
            $("#43 img").attr("src", "/images/uploads/Playground_Mulch_BLK.png")
          $('.store_product_sku').text('90509');
          $('.store_product_price').text('$7.50');

          }); 



        $('#fandeck #19 a').hover(function () {
           $(this).css('cursor','hand');
        $('.group').hide();
        $('#43').show();
            $('#selectImg').val('44').prop('selected', 'selected');
            $("#43 img").attr("src", "/images/uploads/Playground_Mulch_RD.png").fadeIn("slow");
          $('.store_product_sku').text('90509RD');
          $('.store_product_price').text('$18.00');
        });


        $('#fandeck #20 a').hover(function () {
           $(this).css('cursor','hand');
        $('.group').hide();
        $('#43').show();
            $('#selectImg').val('45').prop('selected', 'selected');
            $("#43 img").attr("src", "/images/uploads/Playground_Mulch_BRN.png").fadeIn("slow");
          $('.store_product_sku').text('90509BR');
           $('.store_product_price').text('$18.00');
        });


        $('#fandeck #21 a').hover(function () {
        $('.group').hide();
        $('#43').show();
            $('#selectImg').val('46').prop('selected', 'selected');
            $("#43 img").attr("src", "/images/uploads/Playground_Mulch_GN.png").fadeIn("slow");
          $('.store_product_sku').text('90509GN');
           $('.store_product_price').text('$18.00');
        });


        $('#fandeck #22 a').hover(function () {
        $('.group').hide();
        $('#43').show();
            $('#selectImg option[value=47]').prop('selected', 'selected');
            $("#43 img").attr("src", "/images/uploads/Playground_Mulch_BL.png").fadeIn("slow");
          $('.store_product_sku').text('90509BL');
           $('.store_product_price').text('$18.00');

       })
});

       //Image replacement for Playground Much Select
        $('.group').hide();
        $('#43').show();
        $('#selectImg').change(function () {
          var num = 43;
            $('.group').hide();
            $('#' + $(this).val()).show();
          if($(this).val()==num){ // Resets to Black if mouse over has changed source
            $("#43 img").attr("src", "/images/uploads/Playground_Mulch_BLK.png")    
        }
        })

Here is the final jsfiddle and here's final result. http://spartonenterprises.com/store/playground-mulch