JQuery Bubble Popup: innerhtml hidden div
<p>I'm using the JQuery Bubble Popup library, trying to show a hidden div in the innerHtml variable. Right now I have this:</p>

<pre><code>&lt;div class="button"&gt; Show stuff &lt;/div&gt;
&lt;div class="information"&gt; foo &lt;/div&gt;

&lt;div class="button"&gt; Show stuff &lt;/div&gt;
&lt;div class="information"&gt; bar &lt;/div&gt;

&lt;script&gt;
$(document).ready(function(){
        $('.information').hide();
        $('.button').CreateBubblePopup({
                                        position: 'bottom',
                                        align: 'center',
                                        width: '300',
                                        innerHtml: $(this).next(".information").html(),
                                        innerHtmlStyle: { color:'#000', 'text-align':'left', 'font-size':'110%' },
                                        themeName: 'grey',
                                        themePath: '/static/images/jquerybubblepopup-theme',
                                        selectable: true,
                                      });
        });


&lt;/script&gt;
</code></pre>

<p>The thing is, it isn't working as I expected, the problem is in the line </p>

<pre><code>innerHtml: $(this).next(".information").html(),
</code></pre>

<p>Because if I put this it works:</p>

<pre><code>innerHtml: 'testing jquery bubblepopup',
</code></pre>
