title: Chrome Extension : fill the text fields
body: <p>My extension should automatically fill my gmail user name and password, but it's  not working.</p>
  
  <p>manifest.json</p>
  
  <pre><code>{
   "manifest_version": 2,
   "name": "Click to execute",
   "description": "Akshaya app",
   "version": "1.0",
   "icons": {
     "48": "icon.png"
   },
   "permissions": [
     "tabs", "&lt;all_urls&gt;"
   ],
   "browser_action": {
     "default_icon": "icon.png",
     "default_popup": "popup.html"
   },
  "content_scripts": [
         {
             "matches": ["https://www.facebook.com/*"],
             "js": ["popup.js"]
         }
       ]
  }
  </code></pre>
  
  <p>popup. html file</p>
  
  <pre><code>&lt;button id="buttonSet"&gt;Set Value&lt;/button&gt; 
     &lt;script type="text/javascript" src="popup.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>popup.js</p>
  
  <pre><code>function setValue() {
  
  var name ="username";
  var pass = "password";
  document.getElementById('username').value =name;
  document.getElementById('pass').value =pass;
  }
  document.getElementById('buttonSet').addEventListener('click', setValue);
  </code></pre>
  
  <p>I got all code from Internet and i haven't any previous experience in working with google extension
  and i googled many times for solving the issue i couldn't find any solution for this issue</p>