title: How to find the first "visible" <li> inside a <ul> using jQuery?
body: <p>I can't do <code>$('ul li:first')</code> or <code>$('ul li:eq(0)')</code> because they select the first item which is not necessarily the first <em>visible</em> item.</p>
  
  <p>I'm using the <a href="http://www.gmarwaha.com/jquery/jcarousellite/" rel="nofollow">jCarousel Lite</a> plugin:</p>
  
  <p>It works by moving the ul left by giving it negative margin every time next is clicked and moving it right when prev is clicked.</p>
  
  <p>I want to give the first visible list item a red border color. The plugin doesn't add anything to the markup for the first visible item in the list so how can I target it?</p>
  
  <p>P.S. <code>$('ul li:visible').is(':first')</code> won't work either because the plugin doesn't actually give the non visible lis any display none property.</p>