highlight span tag content line by line in JQuery
<p>I used these lines of code for highlighting my sentences,every thins is OK but i want to highlight line by line(this code highlight all lines in span tag together)</p>

<p><strong>JavaScript Code</strong></p>

<pre><code>$(document).ready(function(){

  var seconds = 5;
  var el = $('span#test');
  var width = el.outerWidth();
  var height = el.outerHeight();
  var wrapper = $('&lt;span&gt;').css({
    width: width + 'px',
    height: height + 'px',
    position: 'relative'
  });
  var background = $('&lt;span&gt;').css({
    width: 0,
    height: height + 'px',
    position: 'absolute',
    background: '#0f0'
  });
  wrapper.append(background);
  wrapper.append(el.css('position','absolute'));
  $('body').append(wrapper);
  background.animate({width: '+=' + width},1000*seconds);

});​
</code></pre>

<p>How can i do it?</p>

<p>I know i can do it by splitting it's to chars(<strong>like this:</strong> <a href="http://jsfiddle.net/9UgEF/34/" rel="nofollow">Highligh Line By Line</a>) but i used custom font.</p>

<p><strong>my Demo:</strong><a href="http://jsfiddle.net/9UgEF/41/" rel="nofollow">http://jsfiddle.net/9UgEF/41/</a></p>

<p>please help!</p>
