jQuery .next selector ignores the generated div and targets the next div - how can I target the sibling div
<p>I am trying to target a div that is generated by a jQuery plugin. I have been trying to do this using <strong>.next</strong> but with no luck.</p>

<p><em><strong>Update</strong>: Please note this generated div is triggered by a click</em></p>

<p>*<strong>Update</strong>:Here is a fiddle of the code <a href="http://jsfiddle.net/clintongreen/PAbAH/1/" rel="nofollow">http://jsfiddle.net/clintongreen/PAbAH/1/</a></p>

<p>The problem is, the next selector ignores the generated div and targets the next div. I understand that this is not working because the generated div is technically not a sibling.</p>

<p>Does anyone have an idea how I can target this elusive generated div. I can't use css because I only want to hide it when it is generated from certain links.</p>

<p><strong>Code example</strong></p>

<pre><code>//Script
$("div.region_marker").next("div.bubble").hide();

//HTML
&lt;div class="region_marker"&gt;Region Marker text&lt;/div&gt; //this is how I am targeting the generated div
&lt;div class="bubble"&gt;Bubble text&lt;/div&gt; //div generated by jQuery, not hard coded, this is ignored by .next
&lt;div class="map_marker"&gt;Map Marker text&lt;/div&gt; //random div, this is the one that .next targets
&lt;div class="map_marker"&gt;Map Marker text&lt;/div&gt; //random div
</code></pre>

<p>I am open to any suggestions you have, thanks guys</p>
