Disabling a tag inside div using jquery
<p>I want to disable 'a' tag inside div using jQuery.</p>

<p>The structure is like:</p>

<pre><code>&lt;div id="xyz"&gt;&lt;a style="cursor:pointer;" href="abc.php"&gt;xxxx&lt;/a&gt;&lt;/div&gt;
</code></pre>

<p>On a particular action:</p>

<ol>
<li><code>cursor: pointer</code> property should go away</li>
<li>action on 'a' tag should not work</li>
<li>'a' tag should looks like non clickable</li>
</ol>
