title: Chrome extension auto click on an element
body: <p>I'm working on an Chrome extension which will excute these things when I access "<a href="https://www.google.com/" rel="nofollow noreferrer">https://www.google.com/</a>"</p>
  
  <ol>
  <li>Fills the search bar with "JAV"; this works</li>
  <li>Then auto click the search button ; this doesnt work, even on any element that I tried to auto click.</li>
  </ol>
  
  <p>manifest file:</p>
  
  <pre><code>{
    "manifest_version": 2,
  
    "name": "google extension",
    "version": "0.1.0",
    "description": "google extension",
  
    "browser_action":{
    "default_icon":"IMG/ghost.png"
    } , 
  
    "content_scripts": [{
    "js": ["JS/jquery.min.js","JS/changecolor.js"],
    "matches": ["https://www.google.com/*"],
    "run_at": "document_end"
  }]
  
  }
  </code></pre>
  
  <p>changecolor.js file:</p>
  
  <pre><code>$("#tsf").css("background","black"); // this works
  $("#lst-ib").val("JAV"); // this works
  $(".jsb").eq(2).find("input").click(); //this doesnt work
  </code></pre>
  
  <p>Am I missing something?</p>