title: Show and hide a popover on click of div's
body: <p>Here is my jsfiddle: <a href="https://jsfiddle.net/inchrvndr/4x0nnkap/" rel="nofollow noreferrer">My fiddle</a></p>
  
  <p>After drag n drop of "rule/event" class into "layout" class, how to create a popover with HTML form on-click or double-click of the dropped components?</p>
  
  <pre><code>$('[rel="popover"]').popover({
      alert("hi");
          container: 'body',
          html: true,
          content: function () {
              var clone = $($(this).data('popover-content')).clone(true).removeClass('hide');
              return clone;
          }
      }).click(function(e) {
          e.preventDefault();
      });
  </code></pre>