I have a div width \[code\]id="main"\[/code\].I want that when clicked, its body background changes to black.I do that by this code:\[code\]$("#main").click(function(){ $("body").css("background", "#000");});\[/code\]I have another div with \[code\]id="second"\[/code\] in div with \[code\]id="main"\[/code\]:\[code\]<div id="main"> <div id="second"> </div></div>\[/code\]I don't want body background to change when I click div with \[code\]id="second"\[/code\]. How can I do that?