title: Popup form on hover - how to make it the only one on the page?
body: <p>I have 5 buttons 'Free call' on my site. On hover on them pops up contact form. I have a number of problems with it:</p>
  
  <ol>
  <li>How to make the form be the only one on the page? I mean, from different buttons must be shown the same form. (For ex. I filled in the form in one place and when I hover other button, I see message 'You're done' or smth like that)</li>
  <li>How to make the showing function work only once for every button? (The code below)</li>
  </ol>
  
  <p>I tried to solve this problems but my methods didn't work</p>
  
  <p><strong>HTML</strong> 
  I have 5 such buttons on the page in different places</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  function showForm() {
          
              var currentButton = $(this);  
          
              if ( currentButton.find('.popover-form') !== undefined ) {
          
                var freeCallForm = "&lt;form class=\"popover-form free-call-form\"&gt;&lt;label for=\"\"&gt;Name&lt;/label&gt;&lt;input type=\"text\"&gt;                  &lt;label for=\"\"&gt;Phonenum&lt;/label&gt;&lt;input type=\"text\" value=\"+375\"&gt;&lt;button&gt;Call me!&lt;/button&gt;                &lt;/form&gt;";
              
                currentButton.append(freeCallForm); 
              }
          
          }
      $('.main-btn').on('mouseover', showForm);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div class="main-btn free-call"&gt;
         &lt;p&gt;&lt;a href="#"&gt;Use free call&lt;/a&gt;
         &lt;br/&gt;
         &lt;i class="glyphicon glyphicon-chevron-down"&gt;&lt;/i&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This function above unfortunately doesn't work. With <strong>if</strong> I tried to make function work only when .main-btn hasn't .popover-form.</p>
  
  <p>And other problem is that on hover on different buttons anyway appends NEW form for every button. I can't find correct solution for this problem.</p>