Mouse Over only on text not on entire row

[luccio]

How can I provide Mouse hover effect only on text not on entire row. I tried with Position(), But cam out with empty .Below is fiddle link,\[code\]<ul id='ulid'><li>Task1</li><li>Task2</li><li>Task3</li><li>Task4</li><li>Task5</li><li>Task6</li><li>Task7</li></ul><br /><br /><br /><br /><div id="show_details"></div>jQuery(document).ready(function() {$('ul#ulid li').hover(function() { $('#show_details').html($(this).text());}, function() { $('#show_details').html('');});});\[/code\]Please help