title: jQuery BubblePopup not displaying on modal dialog
body: <p>I'm trying to put a bubblepopup inside a tab inside a modal dialog, all created with jquery ui.</p>
  
  <p>The bubblepopup is this: <a href="http://www.vegabit.com/jquery_bubble_popup_v2/" rel="nofollow">http://www.vegabit.com/jquery_bubble_popup_v2/</a></p>
  
  <p>I cant show much of the code, since its split among many templates, but here it goes (it all works, except the bubble):</p>
  
  <p>--- modal:</p>
  
  <pre><code>&lt;div id="report" title="Report"&gt;
  &lt;/div&gt;
  &lt;script&gt;
  $("#report").dialog({
      autoOpen: false,
      height: 440,
      width: 350,
      modal: true});
  $("#report").load('/section/1/');
  &lt;/script&gt;
  </code></pre>
  
  <p>--- tab section</p>
  
  <pre><code>&lt;div id="section-1"&gt;
      &lt;li&gt;&lt;a href='/content_for_tab_1/'&gt;Tab1&lt;/a&gt;&lt;/li&gt;
  &lt;/div&gt;
  &lt;script&gt;
      $("#section-1").tabs();
  &lt;/script&gt;
  </code></pre>
  
  <p>--- here is the content for tab 1:</p>
  
  <pre><code>&lt;p class="help_link"&gt;&lt;a href="javascript:get_help('help_participation','participation')"&gt;Help&lt;/a&gt;&lt;/p&gt;
  &lt;script&gt;
  $("#help_{{k}}").CreateBubblePopup({position : 'right',
                align: 'center',
                distance: '10',
                width: '300',
                innerHtmlStyle: {
                color:'#000000', 
                      'text-align':'center'},
                tail: { align:'center', },
                themeName: 'bubble',
                themePath: 'media/image/'});
  $("#help_{{k}}").SetBubblePopupInnerHtml('Lorem ipsum sit dolor amet');
  &lt;/script&gt;
  </code></pre>
  
  <p>Somehow, I cant make the bubblepopup to show inside the modal, only on other components of the page.
  Is this a bug in bubblepopup + modal dialog?</p>