title: Selecting and changing multiple CSS classes with jQuery
body: <p>I have a twitter bootstrap carousel component and I want to detect it's slide function, through that, foreground color of another component should be changed at each slide move.</p>
  
  <pre><code>$('#welcomeCarousel').on('slide',function(e){
     var index = $(this).find('.active').index();       
     if(index==1) {
     $('.navbar-inverse .brand:hover,
        .navbar-inverse .nav &gt; li &gt; a:hover,
        .navbar-inverse .brand:focus,
        .navbar-inverse .nav &gt; li &gt; a:focus').css('color': 'rgb(255, 255, 255)');
     }
  });
  </code></pre>
  
  <p>I think problem occurs because of selecting multiple CSS classes, there should be sth. wrong about it because index has correct value. JS console says <code>unexpected token</code> or <code>unexpected string</code>.</p>
  
  <p><a href="http://jsfiddle.net/yaapK/10/" rel="nofollow">jsfiddle.</a></p>