why does calling methods on a div fire the live click event

i h开发者_开发百科ave this jquery code:

 $(this).parent('.copyFoodInstance').attr("myset", "0");
 $(this).parent('.copyFoodInstance').html("<img  BORDER=0 src='../../images/copy1.png' />");

it seems that when i call this code, this event fires:

$(document).ready(function() {
    $('div.copyFoodInstance').live('click', function() {

does anyone know why this event fires from the lines above? is there anyway to stop if from firing? All i am doing is updating an attribute on the div and updating the html. this shouldn't fire a click event?

---

That code should not fire the click event, you have something else going on there or invalid HTML messing with things (invalid HTML has all sorts of crazy side-effects with random behavior sometimes).

I would first check that your HTML is valid by going here: http://validator.w3.org/ Then check the following:

• Are you clicking something inside that div, and the event happens because of a bubble?
• Are you absolutely sure no other event handlers are attached to that element?
• Do you have multiple nested .copyFoodInstance? If so you may want .closest() instead.
• Instead of .attr() setting an invalid attribute, I would use .data() for storage.