случайное фоновое изображение не загружается

Question

Я пытаюсь активировать случайное фоновое изображение для элемента «что-то», но без успеха может кто-нибудь дать предложение, что я делаю неправильно? Это из плагина content-single-product.php WooCommerce

<div class="item-layout" id="something"> 
<script type="text/javascript"> 
var images = [ 
    "http://domainname.com/image-12.jpg", 
    "http://domainname.com/image-11.jpg", 
    "http://domainname.com/image-13.jpg", 
    "http://domainname.com/image-14.jpg" 
]; 

$("#something").css("background", "url(" + images[Math.floor(Math.random() * images.length)] + ")"); 
</script> 
    <div itemscope itemtype="http://schema.org/Product" id="product-<?php the_ID(); ?>" <?php post_class(); ?>> 

     <?php ... 
     ?> 

     <div class="summary"> 

      <?php ...    ?> 

     </div> 
    </div> 
</div> 
<div style="clear:both;"></div> 
     <?php 
      ... 
     ?> 

     <?php do_action('woocommerce_after_single_product'); // upsell ?> 

    </div><!-- #product-<?php the_ID(); ?> --> 

CSS-код для #something is width:100%; height:400px;

Answer 1

Понял, я пропустил <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript" ></script> и переехал сценарий за пределами div прямо ниже и работает просто отлично