title: Implementing click event for jquery bubble-popup
body: <p>I'm trying to implement jquery-bubble-popup on my site however I'm completely stuck. I'm trying to do the following.</p>
  
  <ol>
  <li>If somebody clicks on a "report info" div a bubble pop up will show up pertaining to that report.</li>
  <li>I want to be able to change things around in the popup and click submit which will post that data to that server.</li>
  <li>If one clicks outside of the popup. I want it to simply close.</li>
  </ol>
  
  <p>Pretty simple setup but I'm pulling my hair. Can't get the popup to close without it going haywire.</p>
  
  <p><strong>Fiddle</strong>: <a href="http://jsfiddle.net/rECnm/1/" rel="nofollow">http://jsfiddle.net/rECnm/1/</a></p>
  
  <p><strong>jQueryBubblePopup</strong>: <a href="http://www.maxvergelli.com/jquery-bubble-popup" rel="nofollow">http://www.maxvergelli.com/jquery-bubble-popup</a></p>
  
  <p><strong>Code</strong>:</p>
  
  <pre><code>$(document).ready(function () {
      $('div.emailReportIcon').CreateBubblePopup({
          manageMouseEvents: false
      });
      $('div.emailReportIcon').click(function (event) {
          var button = $(this);
          var email = button.attr("data-email");
          var message = '&lt;div style="padding:10px;width: 250px;"&gt;&lt;p&gt;&lt;input type="checkbox"&gt; Email me when new reports are ready.&lt;/p&gt;' + '&lt;p&gt;Email Address&lt;br /&gt;&lt;input type="text" value="' + email + '"&gt;&lt;/p&gt;' + '&lt;div &gt;' + '&lt;input type="image" name="submit" value="submit"  class="submitButton"&gt;' + '&lt;/div&gt;&lt;/div&gt;';
          button.ShowBubblePopup({
              manageMouseEvents: false,
              position: 'bottom',
              align: 'left',
              tail: {
                  align: 'left'
              },
              innerHtml: message,
              innerHtmlStyle: {
                  color: '#000',
                  'text-align': 'left'
              },
              themePath: 'http://www.maxvergelli.com/docs/jquery-bubble-popup-examples/images/jquerybubblepopup-themes',
              alwaysVisible: false,
              closingDelay: 200,
              selectable: true
          });
      });
  });
  </code></pre>