jquery register event on hyperlinks inside the div <p>I wanted to apply events on hyperlinks under Id's with name "topicColumnTemplate". below is the HTML snippet and I am syntax => <code>$('[id^=topicColumnTemplate] a').click(function() { // do operation});</code></p> <p>But events are not getting applied, Links are generated dynamically if i use after once all the dom is populated using link id through syntax => <code>$('[id^=link]').click(function() { // do operation});</code> it WORKS</p> <p>What is wanted is in javascript intialization wanted to use above first syntax where in using the ul id which is already present in DOM &amp; is not generated dynamically. Just giving div id of ul i.e [id^=topicColumnTemplate] works but it is getting applied all around the ul block which causes function invokation every where around the block &amp; I need function gets invocated only when </p> <p>*<em>*</em> replace "-" with "&lt;" for html</p> <pre><code>&lt;ul id="topicColumnTemplate1" class="listcol "&gt; &lt;li id="row_0" class="listrow "&gt; &lt;a id="link_0" class="listtopic"&gt;user1&lt;/a&gt; &lt;/li&gt; &lt;li id="row_1" class="listrow "&gt; &lt;a id="link_1" class="listtopic"&gt;user2&lt;/a&gt; &lt;/li&gt; &lt;li id="row_2" class="listrow "&gt; &lt;a id="link_2" class="listtopic"&gt;user3&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;ul id="topicColumnTemplate2" class="listcol "&gt; &lt;li id="row_0" class="listrow "&gt; &lt;a id="link_0" class="listtopic" href="#"&gt;user1&lt;/a&gt; &lt;/li&gt; &lt;li id="row_1" class="listrow "&gt; &lt;a id="link_1" class="listtopic" href="#"&gt;user2&lt;/a&gt; &lt;/li&gt; &lt;li id="row_2" class="listrow "&gt; &lt;a id="link_2" class="listtopic" href="#"&gt;user3&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; </code></pre>