Resolves #1. Made sure to use text and val jquery functions to set th…

…ings to avoid problems with characters in the nicknames.

.gitignore

@@ -1,2 +1,3 @@
-extension.pem
-extension.crx
+**/key.pem
+**/extension.crx
+**/extension.zip

extension/manifest.json

@@ -2,6 +2,7 @@
   "manifest_version": 2,
 
   "name": "Credit Card Nicknames for Amazon",
+  "short_name" :"CCNA",
   "description": "This extension allows you to assign nick names to your credit cards on Amazon.com (US Only).",
   "version": "1.0",
   "icons": {

extension/src/content.js

@@ -10,7 +10,8 @@ function updateNicknames() {
         function appendNickname() {
             const ccnum = CryptoJS.SHA256($(this).text().match(regex)[1]);
             if(nicknames[ccnum] != undefined) {
-                $(this).append("<span class='cc_nickname'> - "+nicknames[ccnum]+"</span>");
+                const node = $("<span class='cc_nickname'></span>").text(" - "+nicknames[ccnum]);
+                $(this).append(node);
             }
         }
 

extension/src/popup.js

@@ -63,7 +63,8 @@ chrome.runtime.onMessage.addListener(function(request, sender) {
                 request.numbers.forEach((item) => {
                     const ccHash = CryptoJS.SHA256(item);
                     const oldValue = (nicknames[ccHash] != undefined) ? nicknames[ccHash] : "";
-                    const input = $("<input type='text' id='card"+ccHash+"' value='"+oldValue+"' placeholder='Nickname'/>");
+                    const input = $("<input type='text' id='card"+ccHash+"' placeholder='Nickname'/>");
+                    input.val(oldValue);
                     let node = $("<div><span>"+item+"</span> </div>").append(input);
                     input.change(()=>{
                         nicknames[ccHash] = input.val();