Chrome extension auto click on an element

Question

I'm working on an Chrome extension which will excute these things when I access "https://www.google.com/"

1. Fills the search bar with "JAV"; this works
2. Then auto click the search button ; this doesnt work, even on any element that I tried to auto click.

manifest file:

{
  "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"
}]

}

changecolor.js file:

$("#tsf").css("background","black"); // this works
$("#lst-ib").val("JAV"); // this works
$(".jsb").eq(2).find("input").click(); //this doesnt work

Am I missing something?

Answer 1

I have found the answer by user PAEz

How can I make a Chrome extension automatically click a button when a page loads?

I'm gonna quote it here:

function simulateClick(obj) {
  var evt = document.createEvent("MouseEvents");
  evt.initMouseEvent("click", true, true, window,
  0, 0, 0, 0, 0, false, false, false, false, 0, null);
  var canceled = !obj.dispatchEvent(evt);      
  /*

  if(canceled) {
  // A handler called preventDefault
  alert("canceled");
  } else {
  // None of the handlers called preventDefault
  alert("not canceled");
}
*/
}

var what = document.querySelector('input[type="button"][value="Start!"]');
simulateClick(what);