title: Modifying nth li in a list using jquery
body: <p>I'm trying something very basic, but I just can't figure out why this won't work.
  I can get information on the object using [i] but I can't change data this way?</p>
  
  <pre><code>    // Make all the li's invisible
  $('div#rotator ul li').css({opacity: 0.0});
  
  // Calculate a random number between 1 and 3
  var randnr = Math.floor((1-4)*Math.random()) + 4;
  
  for(var i = 0; i &lt; $('#rotator ul li').length; i++) {
  
              // Make the i element appear
      $('#rotator ul li')[i].css({opacity: 1.0});
  }
  </code></pre>