Jquery select div in a row

Answer 1

This line: $("input").parent("div").css("background", "url(images/div_bg.png)" is causing all of the other items to reset to normal, allowing you to only have 1 active state at a time. You could scope it to the row so that each row may have one item selected.

Answer 2

You're only assigning behavior to the item clicked, rather than all selected input boxes. You might want to make a function as such:

function foo()
{
   $('input :selected').css(bar);
}

Now whenever you get a click event on an input event, call bar. You may need to modify foo to meet your specifications.

Answer 3

What is the purpose of your second line of jquery?

$("input").parent("div").css("background", "url(images/div_bg.png)");

This is going to reset the background of all the "entry" divs. If I understand your objective correctly I think you want:

$(this).parent("div").siblings("div.entry").css("background", "url(images/div_bg.png)");

That way only the siblings of the entry you are changing will get their backgrounds reset.

On a side note, you have multiple divs with the same id, which is not a good idea.