Question

i have the following table:

<table id="list_table" class="global" border="0" cellpadding="4" cellspacing="0">
<thead>
<tr>
<th>Grund</th><th>Von</th><th>Bis</th><th>Beschreibung</th><th></th></tr>
</thead>
<tbody>
<tr>
<td><select name="grund[1][1]">
<option value="krank">Krankheit</option>
<option value="urlaub" selected="selected">Urlaub</option>
<option value="sonstiges">Sonstiges</option>
</select></td><td><input name="von[1][1]" value="11.08.2011" onclick="displayDatePicker('von[1][1]')" type="text"></td><td><input name="bis[1][1]" value="16.09.2011" onclick="displayDatePicker('bis[1][1]')" type="text"></td><td><input name="beschreibung[1][1]" value="Blau machen" type="text"></td><td><a href="#" class="saveChangedEntry" uid="1" sid="1"><img src="images/save.png"></a> <a href="#" class="deleteEntry" uid="1" sid="1"><img src="images/delete.png"></a></td></tr>
</tbody>
</table>

And my JQuery is:

$('a[class*=saveChangedEntry]').click(function(event) {
    event.preventDefault();

    alert('That's it!');
});

So if I click on the link nothing happens ;(
And if i call the class in the more direct way … even this does not work.

Any hints?

UPDATE:
Ok, something I didn’t think about it and you could not know. The table is generated as a result of a couple of events, so I think I need to add the live() function to these links.

Answer 1

alert('That's it!');

is not properly escaped:

alert('That\'s it!');

Example