jQuery's next() returns the next immediate sibling of an element.  

However, how does one find the next *rendered* element, even when that element has different lineage?  

For example, consider this (simplistic) HTML:

```
<div id='a'>A
    <div id='b'>B
       <div id='c'>C</div>
    </div>
    <div>D</div>
</div>

```

which renders to something like:

```
A
B
C
D

```

Your eye naturally sees D following C, though in the DOM they're uncle/nephew.  

So, how would one find `"D"` given `#c`?  

```
var c = $('#c');  // Pretty straightforward
var x = c.someJqFunction(with some params);

```

Note: Pretend you don't know anything about D, other than it exists. It could be the true next sibling of #c, or it could be in a complex traverse from #c. The salient thing is that they are known to be immediately adjacent in the *rendered* output.