title: why doesn't JavaScript toLowerCase work?
body: <p>In this fiddle <a href="http://jsfiddle.net/CBxbT/29/" rel="nofollow">http://jsfiddle.net/CBxbT/29/</a>, if you click the black box, a random color is selected, and then after its id is stripped down and changed to lowercase,  the random color's id is compared to whatever color you "guess" by clicking on one of the three boxes. </p>
  
  <p>The fiddle works, but the same concept (i.e same code but different element names) is not working on my live site.   One my live site, I get an alert for the variable <code>guess</code>, but then I don't get anymore alerts, whereas in the fiddle, it keeps going and gives me an alert after <code>ran</code> is changed to lower case. </p>
  
  <p>Is there a problem with the way I did that might be causing the problem on my live site. </p>
  
  <pre><code>ran = ran.toLowerCase();
  </code></pre>
  
  <p>code from fiddle</p>
  
  <pre><code>$("#red, #blue, #green").click(function(e) { 
       guess = $(this).attr('id'); 
       alert(guess);
       ran = ran.toLowerCase(); //works here but not on my live site
      alert(ran);
      if(ran.charAt(1) === 'f'){
          ran = ran.slice(3);
      } else
          ran = ran.slice(1);
          alert(ran);
  
       if (guess === ran) { 
           $('#results').fadeOut(1000);
                } else { 
                    $('#wrong').fadeOut(1000); 
                    }
   }); 
  </code></pre>
  
  <p>My live site <a href="http://eslangel.com/66-2/" rel="nofollow">my actual site</a></p>
  
  <p>Click the start button. It will show an audio player that is randomly selected. </p>
  
  <p>Click one of the spelled-out numbers from the bottom row of numbers. That is your "guess"</p>
  
  <p>It should, according to the code, give you an alert of the randomly selected audio player number, but it doesn't. </p>
  
  <p>relevant code from live site</p>
  
  <pre><code>$("#one, #two, #three, #four, #five, #six, #seven, #eight, #nine, #ten, #eleven, #twelve, #thirteen, #fourteen, #fifteen, #sixteen").click(function(e) { 
       guess = $(this).attr('id'); 
       alert(guess);
       ran = ran.toLowerCase(); 
       alert(ran);
       if(ran.charAt(1) === 'f'){
          ran = ran.slice(3);
      } else
          ran = ran.slice(1);
       alert(ran);
       if (guess === ran) { 
           $('#right').fadeIn(1000);
                } else { 
                    $('#wrong').fadeIn(1000); 
                    }
   }); 
  }
  </code></pre>