Im just trying to display a random div on load.

I have adapted someone elses code to try and make it work for divs (was originally for changing background)

Can anyone see why it isnt working for me?

the divs are both hidden on load

2. 
   
3. $(document).ready(function(){
4.         var randomNum = Math.ceil(Math.random()*2); 
5. var number = null; 
6.     $.each([1,2], function(){
7. number = randomNum;   
8.   
9.        if( number !== 1 ) {
10.   ('#randomdiv1').show();
11.   } else {
12.   ('#randomdiv2').show();
13.   }
14.     });
15. })
17. 
    
18. this is what i also tried...
19. 
    
21. $(document).ready(function(){
22.     var randomNum = Math.ceil(Math.random()*2);   
23.        if( randomNum !== 2 ) {
24.   ('#randomdiv1').fadeIn('slow');
25.   } else {
26.   ('#randomdiv2').fadeIn('slow');
27.   }
28.     });
29. 
    
30. 
    

cheers!