Click event for dynamically added li element?
<p>I am having totally 20 links.First 10 links directly visible to user and remaining 10 links shown when user hover the down arrow image(used for hover). When user click any one hover link, the link till the currently clicked are moved to left side(another down arrow used for add the right side links to left side dynamically by creating li). This one working fine.But this is not working as vice versa. (i.e)When i click left side link it should navigate to right side.Click event not working for li element that i created dynamically. Please Can any one help for me??????</p>

<p>My sample Code:                                                                       </p>

<pre><code>//To append the line from right hover to looplink div
$('#loop_link').append('&lt;li id="pagelinkli_'+val3+'"&gt;'+$('#pagelinkli_'+val3).html()+'&lt;/li&gt;');

//To hide the link in right hover div once it selected and appended in loop link div
$('#pagelink_a  #pagelinkli_'+val3).css('display','none');

//This line to move the link from loop link to left hover div
$('#pagelink_a_left ul').prepend(('&lt;li id="pagelinkli_'+val6+'"&gt;'+$('#pagelinkli_'+val6).html()+'&lt;/li&gt;'));

//This line to hide the link in looplink div              
$('#loop_link #pagelinkli_'+val6).css('display','none');  
</code></pre>

<p><strong>This code is like navigating link from right hover to tab and from tab to left hover and vice versa.....</strong></p>
