jquery bubble pop up on updation of content not working
<p>I am using jquery bubble pop up  , the code is as below,</p>

<pre><code>    $(document).ready(function(){
           //create bubble popups for each element with class "button"
           $('.button').CreateBubblePopup({
                  selectable: true,
              innerHtmlStyle: {
               color:'#333333', 
              'text-align':'center'
              },

              themeName:    'green',
                  position: 'right',
                  themePath:    'images/jquerybubblepopup-theme'
        });
     });
</code></pre>

<p>and element which shows bubble pop ups are normal div elements 
with class as button ( check above code)</p>

<p>so let's say i have three div elements with class as button and 
three distinct ids as</p>

<p>_1
_2
_3</p>

<p>and my code which sets bubble pop up for them is as follows </p>

<pre><code>$('#_1').SetBubblePopupInnerHtml('Hi Bubble 1');
$('#_2').SetBubblePopupInnerHtml('Hi Bubble 2');
$('#_3').SetBubblePopupInnerHtml('Hi Bubble 3');
</code></pre>

<p>this works fine,</p>

<p>but now problem is ,
when page get a jquery response  i recreate the div elements (with class as button as ids as _1,_2,.._n) with updated contents and i also need updated contents for their respective bubble pop ups,</p>

<p>so now to get updated contents of bubble pops ups , I modified code as follows</p>

<pre><code>var bcontents = new Array();

bcontents[0] = 'Hi Bubble 1';
bcontenst[1] = 'Hi Bubble 2';
bcontenst[2] = 'Hi Bubble 3';
</code></pre>

<p>and then </p>

<pre><code> $('#_1').SetBubblePopupInnerHtml(bcontents[0]);
 $('#_2').SetBubblePopupInnerHtml(bcontents[1]);
 $('#_3').SetBubblePopupInnerHtml(bcontents[2]);
</code></pre>

<p>So when i get jquery response , i recreate divs class as button and ids as _1,_2 ... . along with this , i am modifying the contents of  bcontents array  also , but i am not getting the jquery bubble pop up for updated contents</p>
