Cannot fire a mousedown event with jquery

Question

I'm trying to simulate a click event in http://translate.google.com with jquery. For that purpose, I loaded jquery file with this code:

var script = document.createElement("script");
script.src = "http://code.jquery.com/jquery-1.10.1.min.js";
document.body.appendChild(script);

Then I'm trying to simulate a click on an element with a selector, like this:

jQuery(".goog-inline-block.goog-flat-menu-button-caption").trigger("mousedown")

I also tried this click event instead of mousedown:

jQuery(".goog-inline-block.goog-flat-menu-button-caption").trigger("click")

None of them gives the effect of manually clicking to the div, namely opening a new div. I attached the ss of desired behaviour.

What can be the cause for jquery not working? Or how can I simulate the effect in any other ways?

Edit: Adding jQuery seems to be successful in the sense that I can use jQuery method to select elements and change contents of them etc.

Answer 1

The solution was creating a MouseEvent and dispatching it to the element, like this:

var e1 = document.createEvent("MouseEvents");
e1.initMouseEvent("mousedown", true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
jQuery('#gt-sl-gms')[0].dispatchEvent(e1)

It seems jQuery's event mechanism uses a different dispatching system, since it can not trigger the listener function, though I didn't confirm this info.