strange behaviour of jquery 'click' event
<p>I had an anchor tag</p>

<pre><code>&lt;li&gt;&lt;a href="#" class="institution"&gt;Click me&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#" class="department"&gt;Click me&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#" class="branch"&gt;Click me&lt;/a&gt;&lt;/li&gt;
</code></pre>

<p>i wanted to execute some code by clicking on the anchor tag.so i used </p>

<pre><code>$('a').click(function(){
    //do something..
});
</code></pre>

<p>but it did not work out. So I used </p>

<pre><code>$('a').on('click',function(){
    //do something..
});
</code></pre>

<p>also i used</p>

<pre><code>$('a').bind('click',function(){
    //do something..
});
</code></pre>

<p>but they did not work either. what worked for me was</p>

<pre><code>$('a').live('click',function(){
    //do something..
});
</code></pre>

<p>why is this so..when all of them are supposed to show same behaviour.</p>
