Fix conflict between multiple elements #publicid

www/js/home.js

@@ -68,7 +68,7 @@ function loadQrCode(callback) {
         });
         var base64 = window.btoa(svg);
         $("#qrcode").attr("src", 'data:image/svg+xml;base64,' + base64);
-        $("#publicid").text(data.profile.publicid);
+        $("#qrcode-label").text(data.profile.publicid);
         $("#receive-loading").addClass("display-none");
         callback(true);
         //}

www/pages/home.html

@@ -75,7 +75,7 @@
                         </div>
 
                         <image id="qrcode" class="text-align-center card-opened-fade-in" src="" />
-                        <h3 id="publicid" class="text-align-center padding-bottom card-opened-fade-in"></h3>
+                        <h3 id="qrcode-label" class="text-align-center padding-bottom card-opened-fade-in"></h3>
                     </div>
                 </div>
             </div>