jquery recognizing later inserted html

Hello guys i have this script:

function getList(){
$.ajax({
   type: "POST",
   url: "listaPogovorki.php",
   success: function(msg){
   $("#listaPogovorki").html(msg);
 }});

}

getList();

with this i call this php script:

<table>
<col id="td1"/>
<col id="td2"/>
<col id="td3"/>
<col id="td4"/>
<tr>
<td >#ID</td>
<td >Pogovorka</td>
<td >Avtor</td>
<td >Izmeni</td>
</tr>
<?php $result = mysql_query("SELECT * FROM $table");

while($row = mysql_fetch_array($result))
  {
  ?>
  <tr>
  <td><?php echo $row['id'];?></td>
  <td><?php echo $row['pogovorka'];?></td>
  <td><?php echo $row['avtor'] ?></td>
  <td><img class="editImage" src="images/icon_pencil.png" width="16px" height="16px" alt="<?php echo $row['id'];?>"></td>
  </tr>
  <?php } 
  mysql_close($con);
  ?>

</tabl开发者_JAVA百科e>

now the problem is that the script doesn't recognize the html returned from the php script so i can't make clicking on the images(from php script) to fire some code. For example if i make:

$(".editImage").click .... 

it wont work.

How can i make this work?

---

You want to use the live function:

$('.editImage').live('click', ....);

Or use another element as an event delegate.

---

The output is not recognised because the html you have returned is not part of the original dom before the script was called.

Have a look at bind or live with jquery

---

You could place the $(".editImage").click inside the AJAX success callback after updating the DOM with the new HTML or use the .live() method:

$('.editImage').live('click', function() {
    ...
});

---

This is what the .live function is for - it binds even to elements that don't exist yet.

$(".editImage").live("click", function() {});

http://api.jquery.com/live/