Selecting the parent of a parent to find an uncle

Question

I have this code working fine with FF and opera but not with safari and chrome.

j(this).parent().parent().find(".box").load('test.html');

where (this) is for example the "a" in the following example html

<div>
   <p><a href="#">clicky</a> to do ajax<p>
   <div class="box">loadhere</div>
</div>

if i do parent only once I'm at the p tag, this prevents me from finding the "box", so i do parent twice to get to the div. how can i get to the div in all browsers?

Answer 1

$(this).closest('div')

if you want to be more sure you're getting the right one, give the div a class or something.

$(this).closest('div.magicAjaxContainer')

Answer 2

Try:

$(this).parent().siblings('.box');

Answer 3

how about

$(this).parent().next('div.box')