I have the following HTML:
<div class="server" id="32">
<a>Server Name</a>
<div class="delete-server">X</div>
</div>
server
$(".server").click(function () {
//Show edit dialog
});
server
delete-server
$(".server").on('click', ':not(.delete-server)', function (e) {
e.stopPropagation()
// Show edit dialog
});
Here's the fiddle: http://jsfiddle.net/9bzmz/3/