从不同页面jQuery Javascript全局访问的弹出联系表单

Question

我制作了一个小弹出式联系表，但遗憾的是，一旦我将其复制并粘贴到网站的其他地方（甚至同一页面），只有其中一个表单有效，第二个表单根本没有打开。我无法发现错误...... 我将不胜感激任何反馈。感谢。

JS代码

   $(function() { 
     $('.contact').click(function () {
     $('#contactForm').fadeIn();
   })

   $(document).mouseup(function (e) {
       var container = $("#contactForm");

   // when clicked out of the 'form window' it will fade out
   if (!container.is(e.target) 
        && container.has(e.target).length === 0) 
   {
   container.fadeOut();
   }
   });
});

还有我的HTML

 <div class="contact">Contact</div>

       <div id="contactForm">

         <h1>Interested?</h1>
         <small>Get in touch and I will respond as quick as possible!</small>

         <form class="centerform" action="#">
           <input placeholder="Name" type="text" required />
           <input placeholder="Email" type="email" required />
           <input placeholder="Subject" type="text" required />
           <textarea placeholder="Comment"></textarea>
           <input class="formBtn" type="submit" />
           <input class="formBtn" type="reset" />
         </form>
       </div>