Chrome extension not responding to javascript : <p>I am building a chrome extension using javascript the tags are working correctly in browser while adding the same html ,javascript code to chrome extension not responding.
Json file:</p>

<pre><code>{

"name": "SOB",
"version": "1.0",
"manifest_version":2,
"permissions": ["storage",
                "activeTab" ],
"icons" : {
            "16" : "16.png" ,
            "48" : "48.png"
            },

"browser_action": {
    "default_icon": "Skype Orange.png",
    "default_popup": "popup.html"
},

"background": {
    "scripts": ["background.js"],
    "persistent": true
  }




}
</code></pre>

<p>Popup.html:</p>

<pre><code>    &lt;!doctype html&gt;

    &lt;html&gt;
      &lt;head&gt;
        &lt;title&gt;Getting Started Extension's Popup&lt;/title&gt;
        &lt;style&gt;
          body {
            font-family: "Segoe UI", "Lucida Grande", Tahoma, sans-serif;
            font-size: 100%;
          }

        &lt;/style&gt;



        &lt;script src="background" type="text/javascript"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;



    &lt;input type="text" name="value"   id="fillIn"  /&gt; 
&lt;input type="submit" value="Submit"  onClick="response()"/&gt;
&lt;p id="answer"&gt;&lt;/p&gt;

    &lt;input type="text" name="value" id="input"  placeholder="SOB Check" /&gt;
    &lt;button id="form"   onClick="demo()"&gt; Submit&lt;/button&gt;
    &lt;p id="output"&gt; &lt;/p&gt;

    &lt;!----------
        &lt;div id="status"&gt;&lt;/div&gt;
        &lt;img id="image-result" hidden&gt;
    ------------&gt;
     &lt;/body&gt;
    &lt;/html&gt;
</code></pre>

<p>background.js:</p>

<pre><code>function demo()
{
var arra = [] , i = 1, rem ;

var Input =document.getElementById('input').value;
var x = 1;
while(Input &gt; 0)
{
     rem = Input%2;
    Input = (parseInt(Input/ 2));
    arra[i] = rem ;
    i++;

}

while ( x &lt; 35 )
{
    if(arra[x]  == 1)
    {
        output.innerHTML +=("SOB "+ x +" Found" +"&lt;br /&gt;" );
        x = x +1 ;
        }
    else
    {
            x = x +1 ;
            }


}
}
function response() {

var box = document.getElementById("fillIn");

switch (box.value)
{
case '0' : document.getElementById("answer").innerHTML="Successful";
           break ;
case '999' : document.getElementById("answer").innerHTML="Other Error No Retry";
break ;
}
}
</code></pre>
