JQuery List Events
<p>At the moment I'm building a list using the following code:</p>

<pre><code>$('&lt;li id="li' + jJob.Id + '"&gt;&lt;div style="width: 98%; background-color: #9E7BFF; colour: #000000"&gt;&lt;a href="javascript:void(0);"&gt;' + jJob.Type + ' ' + jJob.AddressClean + ' (' + jJob.Status + ')' + '&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;').click(function(e) { ShowStatus('job ' + jJob.Id + ' is available'); UnassignJob(jJob.Id); $(this).remove(); }).bind("contextmenu", function(e) { alert('li' + jJob.Id); return false; }).appendTo('#assignmentList');
</code></pre>

<p>This works as previously required.  However I need to be able to add another a link which will show another menu allowing various options.  The problem is that I've attached the click event to the div.  How can I attach it only to the a link?</p>

<ul>
<li>Create li</li>
<li>Create div</li>
<li>Create a link with click event</li>
<li>Create another a link click event</li>
<li>Append li to #assignmentList</li>
</ul>

<p>Mark</p>
